.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-80 {margin-top: 80px; } #navbar.navbar {background-color:#265D93;} #navbar.navbar nav .container li a {color:#fff;} .navbar-header .logo img {max-height: 70px; } #navbar.navbar .search-toggle {display: none; } .dropdown-toggle span {display: inline-block;} .center {text-align: center;} .mobile {display: none;} #homeheader #navbar.navbar nav .container li a {color:#fff;} #homeheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } #homeheader #navbar.navbar.scrolled {background-color: #00093E;} #homeheader #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} #homeheader #block-block-23 .cta-btn-ghost {border:2px solid #fff; background: transparent; color: #fff; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0; } #navbar.navbar nav .container ul {position: relative; top: 4px; } #navbar.navbar .block-block.login-logout {bottom: 60px; } #navbar.navbar nav .cta-btn {background: #BF1808!important; color: #fff!important; font-size: 14px!important; text-transform: uppercase; padding: 4px 8px!important;; font-weight: 700; top: -2px; font-family: 'proxima-nova'; border-radius: 0} .menu-title {text-transform: none; } #navbar.navbar .navbar-brand {position: relative; top: -10px; } #announcement {background:#0076BE; padding: 16px 20px; text-align: center; position: relative; top: 100px;} #announcement .message {color:#fff; font-size: 18px; line-height: 28px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; } /* Home */ #hhero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-home-hero-bg_1782397211405001HYLM.jpg) no-repeat top center / cover #ffffff;} #hhero .homehero {padding-top: 7%; padding-bottom: 4%; } #hhero .hero-card {margin-top: 20%;} #hhero .homehero .date-loc {color: #BF1808; font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hhero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #hhero .homehero .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #hhero .c-card {display: flex;justify-content: space-between;align-items: center;gap: 40px; background: #fff;padding: 50px 80px; position: relative; top: 160px; } #hhero .column {display: flex;align-items: center;gap: 20px; flex: 1;} #hhero .icon img {width: 60px;height: auto;display: block;} #hhero .content {display: flex;flex-direction: column;} #hhero .column .number {font-family: 'proxima-nova';font-size: 56px;font-weight: 300;line-height: 1;color: #1B3C69;} #hhero .column .desc {font-family: 'proxima-nova';font-size: 18px;font-weight: 400;line-height: 1.3;color: #1B3C69;} #ultimate {padding-top: 12%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #ultimate .card {padding: 20px; } #ultimate .card h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #ultimate .card h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; width: 78%; font-family: 'proxima-nova';} #ultimate .card p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #ultimate .card ul li {font-size: 20px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #ultimate .e-img img {width: 100%;} #whyattend {padding-top: 5%; padding-bottom: 5%; background:#fff} #whyattend .title {width: 80%; margin-bottom: 30px; } #whyattend .card {margin-bottom: 30px; } #whyattend h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #whyattend .card h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #whyattend .card p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #whyattend .e-img img {width: 100%;} #whyattend .icon-text {display: inline-flex; gap: 10px;} #whyattend .icon {position: relative; top: 6px; } #whyattend .content {padding-left: 50px; } #video-block {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(248deg, #0183DD -31.39%, rgba(1, 131, 221, 0.00) 54.31%), linear-gradient(113deg, #C5E5FF 0%, rgba(197, 229, 255, 0.00) 53.6%);} #video-block .card {width: 96%; padding: 20px; } #video-block .card h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 300; text-transform: none; font-style: none; font-family: 'proxima-nova';} #video-block .card .red {color:#BF1808; font-weight: 700;} #video-block .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #exploretracks {padding-top: 8%; padding-bottom: 5%; background:#fff} #exploretracks .title {width: 80%; margin-bottom: 30px; } #exploretracks .card {margin-bottom: 30px; } #exploretracks h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #exploretracks .card h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #exploretracks .card p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #exploretracks .e-img img {width: 90%;} #exploretracks .icon-text {display: inline-flex; gap: 10px;} #exploretracks .icon {position: relative; top: 6px; } #exploretracks .content {padding-left: 50px; } #exploretracks .e-img {margin-bottom: 20px; } #quote {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-home-quote-bg_1782397210244001HEA2.jpg) no-repeat top center / cover #ffffff;} #quote .card {width: 78%;} #quote .name-title {display: inline-flex; gap: 10px; margin-top: 30px; } #quote .content {font-size: 22px; font-family: 'proxima-nova'; line-height: 30px; color: #1B3C69; font-weight: 300; } #quote .red {color:#BF1808; font-weight: 700;} #quote .name {font-size: 18px; font-family: 'proxima-nova'; line-height: 26px; color: #1B3C69; font-weight: 700; } #quote .desc {font-size: 14px; font-family: 'proxima-nova'; line-height: 22px; color: #1B3C69; font-weight: 400; font-style: italic; position: relative; top: -30px; left: 66px; width: 26%;} #quote .q-img {position: relative; top: 9px; } /* Event Overview */ #event-overview-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-event-overview-hero-bg_1782739633297001LXdV.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #event-overview-hero .hero-card {width: 60%; } #event-overview-hero .homehero {padding-top: 13%; padding-bottom: 10%; } #event-overview-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #morethen {padding-top: 5%; padding-bottom: 3%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #morethen .card {margin-bottom: 30px; } #morethen h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 70%; } #morethen h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #morethen p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #morethen .e-img img {width: 100%;} #morethen .icon-text {display: inline-flex; gap: 10px;} #morethen .icon {position: relative; top: 6px; } #morethen .content {padding-left: 50px; } #morethen small {font-size: 14px; line-height: 2px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #partnerpav {padding-bottom: 5%; background:#fff} #partnerpav .title {margin-bottom: 30px; } #partnerpav .card {margin-bottom: 30px; } #partnerpav h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #partnerpav .card h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #partnerpav .card p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #partnerpav .icon-text {display: inline-flex; gap: 10px;} #partnerpav .icon {position: relative; top: 6px; } #partnerpav .content {padding-left: 50px; } /*#partnerpav a {color:#BF1808;}*/ /* Hotel & Venue */ #venue-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-venue-hero-bg2_1782827689221001TEjq.jpg) no-repeat top center / cover #ffffff;} #venue-hero .hero-card {width: 60%; } #venue-hero .homehero {padding-top: 13%; padding-bottom: 10%; } #venue-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #venue-hero .homehero .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #thehotel {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #thehotel .card {margin-bottom: 30px; } #thehotel h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #thehotel h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #thehotel h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #thehotel p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #thehotel .refcode {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 400; text-transform: none; font-style: none; font-family: 'proxima-nova';} #thehotel .type-price {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #thehotel .disclaimer {font-size: 12px; line-height: 20px; color: #1B3C69; font-weight: 600; text-transform: none; font-style: italic; font-family: 'proxima-nova';} #thehotel .card {padding: 16px; background: #F2F7FB; text-align: center;} #thehotel .p-card {padding: 24px; background: #F2F7FB; text-align: left;} #thehotel .people-row {color:#BF1808; font-size: 16px; font-weight:300; display: flex; gap: 8px; align-items: center; justify-content: center;} #thehotel .e-img img {width: 100%;} #thehotel .icon-text {display: inline-flex; gap: 10px;} #thehotel .icon {position: relative; top: 6px; } #thehotel .content {padding-left: 50px; } #thehotel small {font-size: 14px; line-height: 2px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } /*#thehotel a {color:#BF1808;}*/ #thehotel .red {color:#BF1808; font-weight: 700;} #thehotel .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #thehotel .icard {margin-bottom: 30px; } /* Rates */ #rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-rates-hero-bg_1782756201217001pNfk.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #rates-hero .hero-card {width: 60%; } #rates-hero .homehero {padding-top: 13%; padding-bottom: 10%; } #rates-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #rates-hero .homehero .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #joinus {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #joinus .card {margin-bottom: 30px; } #joinus h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #joinus h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #joinus h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #joinus p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #joinus .description {font-size: 14px; line-height: 22px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; } #joinus .card {background: #F2F7FB; padding: 24px;} #joinus .why-card {padding: 20px 0; text-align: center;} #pricing {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-rates-pass-bg_1782756200871001pppa.jpg) no-repeat top center / cover #ffffff; padding-top: 5%; padding-bottom: 5%;} #pricing h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova'; text-align: center;} #pricing .pricing-grid {display: flex;gap: 4px; background:#fff; padding: 40px; border: 4px solid #1B3C69;} #pricing .pricing-card {flex: 1; min-height: 520px; padding: 40px 32px 32px 32px; color: #fff;display: flex;flex-direction: column;} #pricing .early {background: #0076BE;} #pricing .standard {background: #31679f;} #pricing .late {background: #1B3C69;} #pricing .student {background: #C5E5FF;color: #1B3C69;} #pricing .pricing-card .passtype {font-size: 22px;font-family: 'proxima-nova'; font-weight: 700; line-height: 30px;} #pricing .member {font-size: 14px; line-height: 22px; font-weight: 400; font-family: 'proxima-nova';} #pricing .price {font-size: 48px;line-height: 56px; font-weight: 700; font-family: 'proxima-nova';} #pricing .join {margin: 0 0 30px;font-size: 14px;line-height: 22px; font-weight: 400; font-family: 'proxima-nova';font-style: italic;} #pricing .date-box {display: flex;align-items: center;justify-content: center; gap: 12px; background: rgba(255,255,255,.15);border-radius: 8px; padding: 16px 24px; margin-bottom: 40px;} #pricing .date {text-align: center;} #pricing .date span {display: block;font-size: 12px;text-transform: uppercase;border: 1px solid rgba(255,255,255,.4);border-bottom: none;padding: 4px 10px;} #pricing .date strong {display: block;font-size: 28px; border: 1px solid rgba(255,255,255,.4);padding: 4px 10px;} #pricing .arrow {font-size: 26px;} #pricing .bottom {margin-top: auto;text-align: center;} #pricing .cta-btn {background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700;} #pricing .learn {font-size: 18px; line-height: 26px; color: inherit; font-weight: 700; text-transform: none; font-family: 'proxima-nova';position: relative; top: 10px;} #cancelpolicy {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-rates-cancel-bg2_1783001289820001O9r3.jpg) no-repeat bottom / cover #ffffff; } #cancelpolicy h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #cancelpolicy h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #cancelpolicy p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #cancelpolicy .disclaimer {font-size: 14px; line-height: 22px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} /* Event Policies */ #event-policy-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-event%20-policies-hero-bg_1782831404553001U1hL.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #event-policy-hero .homehero {padding-top: 17%; padding-bottom: 12%; } #event-policy-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #event-policy-hero .homehero .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #policy {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #policy h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #policy h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #policy h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #policy p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #policy .disclaimer {font-size: 14px; line-height: 22px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #policy ul li {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } /*#policy a {color:#BF1808;}*/ /* Precon Offerings */ #precon-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-precon-hero-bg_1783522643552001lDJ1.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #precon-hero .homehero {padding-top: 10%; padding-bottom: 12%; } #precon-hero .hero-card {width: 50%;} #precon-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #joinusearly {padding-top: 8%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #joinusearly .card {margin-bottom: 30px; } #joinusearly h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #joinusearly h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #joinusearly p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #joinusearly .e-img img {width: 100%;} #joinusearly .regsteps {display: flex; align-items: center; gap: 24px; padding: 16px; background: #F2F7FB; } #joinusearly .step {flex: 1;} #joinusearly .arrow {flex: 0 0 auto; display: flex; align-items: center; justify-content: center;} #joinusearly .arrow img {display: block; width: 35px; height: auto;} #joinusearly small {font-size: 14px; line-height: 2px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #preofferings {padding-bottom: 5%; } #preofferings h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #preofferings h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #preofferings p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #preofferings .card {width: 75%;} #preofferings .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #preconprogram {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB; } #preconprogram h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #preconprogram h3 {font-size: 28px; line-height: 36px; color: #1B3C69; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #preconprogram p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #preconprogram .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} /* Partner Pavillion */ #pp-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-partner-pav-hero-bg_1783605756223001uJcK.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #pp-hero .homehero {padding-top: 10%; padding-bottom: 12%; } #pp-hero .homehero h1 {color: #1B3C69; font-size: 44px; line-height: 52px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #pp-hero .cta {display: flex; gap: 20px;} #pp-hero .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #pp-hero .cta-btn-ghost {border: 2px solid #1B3C69; border-radius: none; background: transparent; color: #1B3C69; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #partnerwith {padding-top: 8%; padding-bottom: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #partnerwith .card {margin-bottom: 30px; } #partnerwith h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #partnerwith h4 {font-size: 22px; line-height: 30px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #partnerwith p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #partnerwith .e-img img {width: 100%;} #partnerwith .cta {display: flex; gap: 20px; align-items: center;} #partnerwith .cta-btn {border: 2px solid #BF1808; border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #partnerwith .cta-btn-ghost {border: 2px solid #1B3C69; border-radius: none; background: transparent; color: #1B3C69; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #partnerwith .includes-grid {display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 40px; padding:32px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-partner-pav-table-bg_1783605756118001u6yT.jpg) no-repeat top center / cover #ffffff;} #partnerwith .includes-title {padding-right: 30px; border-right: 1px solid rgba(255,255,255,.15);} #partnerwith .includes-title h3 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #partnerwith .includes-option h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #partnerwith .includes-option p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #partnerwith .disclaimer {margin-top: 20px; } #partnerwith small {font-size: 14px; line-height: 2px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #contactus {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-partner-pav-contact-bg_1783605756007001uG3k.jpg) no-repeat top center / cover #ffffff; padding-top: 7%; padding-bottom: 7%; } #contactus h2 {font-size: 34px; line-height: 42px; color: #1B3C69; font-weight: 700; text-transform: none; font-style: none; font-family: 'proxima-nova';} #contactus p {font-size: 18px; line-height: 26px; color: #1B3C69; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #contactus .cta-btn {border-radius: none; background: #BF1808; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #contactus .card {width: 34%; } /* SAAG */ #saag-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/norcal26-saag-hero-bg_1784206370740001uHYu.jpg) no-repeat top center / cover #ffffff; margin-top: 6%;} #saag-hero .hero-card {width: 44%;} #saag-hero .homehero {padding-top: 10%; padding-bottom: 12%; } #saag-hero .homehero h1 {color: #1B3C69; font-size: 48px; line-height: 56px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} #skey {padding-top: 5%; padding-bottom: 5%; background: #C5E5FF;} #skey .schedule-container {height: 150px; background: #F2F7FB; display:grid; padding: 10px 20px; row-gap: 12px; column-gap: 20px; grid-template-rows: repeat(3, minmax(0, 1fr)); border-radius: 10px;} #skey h4 {font-size: 24px; line-height: 32px; font-weight: 700; font-family: 'proxima-nova'; color: #000; text-transform: none;} #skey .keyname {font-size: 16px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; font-style: normal; margin-right: 85px; color:#000;} #skey .keys {text-align: center; display: flex; } #skey .key1 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 1 / span 1;} #skey .key2 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 2 / span 1;} #skey .key3 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 3 / span 1;} #skey .key4 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 4 / span 1;} #skey .key5 {display: inline-flex; align-items: center; gap: 8px; grid-row: 3 / span 1; grid-column: 1 / span 1;} #agenda {padding-top: 5%; padding-bottom: 5%; background: #fff} #agenda h3 {font-size: 32px; line-height: 40px; font-weight: 700; font-family: 'proxima-nova'; color: #000; text-transform: none;} #agenda .schedule {max-width: 1000px;margin: 0 auto;border-left: 60px solid #fff;} #agenda .events-column {position: relative;background: repeating-linear-gradient(to bottom, white,white 29px, #ccc 30px);padding-left: 20px;height: calc(30px * 64); /* 15 hours × 4 intervals per hour × 30px */} #agenda .events-column::before {content: '';position: absolute; top: 0;left: -60px;width: 60px;height: 100%;background: repeating-linear-gradient(to bottom, white, white 29px, #ccc 30px);} #agenda .time-labels {position: absolute;left: -58px; top: -15px;font-size: 12px;color: #000;width: 60px;pointer-events: none; font-weight: 600;} #agenda .time-labels span { display: block;height: 120px;line-height: 120px;text-align: right;padding-right: 8px; box-sizing: border-box;} #agenda .time-block {position: absolute;left: 20px;right: 0;display: flex; gap: 10px;} #agenda .event {display:flex;flex-direction:column;justify-content: center;align-items: center;color: white;font-size: 14px; font-weight: bold; box-sizing: border-box; height:100%; text-align: center;} #agenda .partner-pavilion { background-color: #bf1808; } #agenda .classes { background-color: #C5E5FF; color:#000;} #agenda .meals-networking { background-color: #DDDDDD; color:#000;} #agenda .breakouts { background-color: #265D93; } #agenda .general {background-color: #0076be;} #agenda .registration {background-color: #bf1808;} #agenda .event-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(64, 30px);column-gap: 10px;} #agenda .cta {text-align: center; margin-top: 40px;} #agenda .cta-btn-ghost {border:2px solid #F2E541; background: #F2E541; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} /* Style tab links */ #agenda .tablink {color: #000; background: none; border: none;outline: none;cursor: pointer; text-align: center;margin: 0 16px;padding:8px 0;font-size: 24px; font-family: 'proxima-nova'; font-weight: 600; font-style:none; text-transform: uppercase; } #agenda .tablink.selected, #agenda .tablink:hover, #agenda .tablink:focus {color: #1B3C69;} #agenda .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #bf1808;} /*footer*/ #footer {padding-top: 2%; padding-bottom: 2%; background: #1B3C69; } #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {float:left; margin-top: 5%; margin-left: -15px; } #footer .social {float:right; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width : 767px) { .caret {display: none!important; } .desktop {display: none;} .mobile {display: block;} /* Navigation */ #navbar.navbar .container a.navbar-brand {width: 235px; margin: 15px auto;} #homeheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #homeheader #navbar.navbar .container .navbar-header {height: 84px; } #homeheader #block-block-23 .cta-btn-ghost {border: 2px solid #000!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0;} #homeheader #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%; } #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; } #important-info .column { flex: 0 0 100%; } /* Home */ #hhero {margin-top: 5%; } #hhero .homehero {padding-top: 13%; } #hhero .hero-card {margin-top: 20%; } #hhero .homehero h1 {font-size: 36px; line-height: 44px; width: 100%;} #hhero .c-card {display: grid; gap: 20px; padding: 35px 80px; } #ultimate .e-img {margin-top: 45%; } #ultimate .card h2 {font-size: 28px; line-height: 36px; } #ultimate .card h3 {font-size: 24px; line-height: 32px; width: 100%; } #ultimate .mt-50 {margin-top: 0;} #whyattend .title {width: 100%;} #whyattend h2 {font-size: 28px; line-height: 36px; } #whyattend .card h4 {font-size: 20px; line-height: 28px;} #video-block .card {width: 100%;} #video-block .card h2 {font-size: 28px; line-height: 36px; } #exploretracks .e-img img {width: 100%; } #exploretracks h2 {font-size: 28px; line-height: 36px; } #exploretracks .card h4 {font-size: 20px; line-height: 28px;} #quote {padding-left: 15px; padding-right: 15px; } #quote .card {width: 100%; } #quote .desc {width: 60%;} /* Event Overview */ #event-overview-hero {margin-top: 5%; background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #event-overview-hero .homehero {padding-top: 13%; } #event-overview-hero .hero-card {margin-top: 20%; width: 100%;} #event-overview-hero .homehero h1 {font-size: 36px; line-height: 44px; width: 100%;} #morethen h2 {font-size: 28px; line-height: 36px; } #morethen h4 {font-size: 20px; line-height: 28px;} #morethen .mt-80 {margin-top: 40px;} #partnerpav {padding-left: 15px; padding-right: 15px; } #partnerpav h2 {font-size: 28px; line-height: 36px; } #partnerpav h4 {font-size: 20px; line-height: 28px;} /* Hotel & Venue */ #venue-hero {margin-top: 5%;} #venue-hero .homehero {padding-top: 13%; } #venue-hero .hero-card {margin-top: 20%; width: 100%;} #venue-hero .homehero h1 {font-size: 36px; line-height: 44px; width: 100%;} #thehotel {padding-left: 15px; padding-right: 15px; } #thehotel h2 {font-size: 28px; line-height: 36px; } #thehotel h3 {font-size: 24px; line-height: 32px; width: 100%; } #thehotel h4 {font-size: 20px; line-height: 28px;} /* Rates */ #rates-hero {margin-top: 5%;} #rates-hero .homehero {padding-top: 13%; } #rates-hero .hero-card {margin-top: 20%; width: 100%;} #rates-hero .homehero h1 {font-size: 36px; line-height: 44px; width: 100%;} #joinus h2 {font-size: 28px; line-height: 36px; } #joinus h3 {font-size: 24px; line-height: 32px; width: 100%; } #joinus .card {margin-top: 25px; } #pricing .pricing-grid {display: grid; gap: 25px; } #pricing .bottom {display: contents; } #pricing .pricing-card {min-height: auto; } #cancelpolicy {padding-left: 15px; padding-right: 15px; padding-bottom: 45%; } #cancelpolicy h2 {font-size: 28px; line-height: 36px; } #cancelpolicy h4 {font-size: 20px; line-height: 28px;} /* Event Policies */ #event-policy-hero {background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%);} #event-policy-hero .homehero {padding-top: 43%;} #event-policy-hero .hero-card {position: relative; top: -50px; } #event-policy-hero .homehero h1 {font-size: 36px; line-height: 44px; width: 100%;} #policy h2 {font-size: 28px; line-height: 36px; } #policy h3 {font-size: 24px; line-height: 32px; width: 100%; } #policy h4 {font-size: 20px; line-height: 28px;} #policy .content {padding: 20px;} /* Precon Offerings */ #precon-hero {background: #C5E5FF;} #precon-hero .homehero {padding-top: 35%; padding-bottom: 0; } #precon-hero .hero-card {position: relative; top: -20px; width: 100%; } #precon-hero .homehero h1 {font-size: 34px; line-height: 42px; width: 100%;} #joinusearly h2 {font-size: 28px; line-height: 36px; } #joinusearly h4 {font-size: 20px; line-height: 28px;} #joinusearly .regsteps {flex-direction: column; align-items: stretch; } #joinusearly .step {text-align: center; } #joinusearly .arrow {transform: rotate(90deg);} #preofferings {padding-left: 15px; padding-right: 15px;} #preofferings h2 {font-size: 28px; line-height: 36px; } #preofferings h3 {font-size: 24px; line-height: 32px; width: 100%; } #preofferings .card {width: 100%;} #preconprogram {padding-left: 15px; padding-right: 15px;} #preconprogram .center {text-align: left;} #preconprogram h2 {font-size: 28px; line-height: 36px; } #preconprogram h3 {font-size: 24px; line-height: 32px; width: 100%; } /* Partner Pavillion */ #pp-hero {background: #C5E5FF;} #pp-hero .homehero {padding-top: 35%; padding-bottom: 0; } #pp-hero .hero-card {position: relative; top: -20px; } #pp-hero .homehero h1 {font-size: 34px; line-height: 42px; width: 100%;} #partnerwith h2 {font-size: 28px; line-height: 36px; } #partnerwith .cta {display: grid; text-align: center; } #partnerwith .includes-grid {grid-template-columns: 1fr;gap: 32px; gap: 20px; } #partnerwith .includes-title {border-right: none; border-bottom: 1px solid rgba (255,255,255,.15); padding-bottom: 24px; } #contactus {background: linear-gradient(180deg, #C5E5FF 0.03%, rgba(197, 229, 255, 0.00) 58.17%); margin-top: -5%;} #contactus .card {width: 100%; padding: 20px; } #contactus h2 {font-size: 28px; line-height: 36px; } /* SAAG */ #saag-hero {height: auto; background: #C5E5FF; margin-top: 18%; } #saag-hero .homehero {padding-top: 10%; padding-bottom: 20%;} #saag-hero .hero-card {margin-top: 15%; } #skey {padding-top: 5%; } #skey .schedule-container {height: auto; grid-template-rows: none; } #skey .mt-20 {margin-top: 0;} #skey .keys {display: inline;} .desktop {display: none; } .mobile {display: block; } #agenda .div-toggle {width: 100%;font-size: 24px;text-align: center;font-family: 'proxima-nova';background: #fff;padding: 5px;border: 1px solid #233A65; text-transform: none;color: #233A65; border-radius: 5px;} #agenda {padding-left: 20px; padding-right: 20px; } #agenda .schedule {border-left: 0;} #agenda .events-column {background: none; padding-left: 0; height: auto; } #agenda .event-wrapper {display: block; } #agenda .event {height: 90px; margin-top: 25px; margin-bottom: 25px; } }