<style>



.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; }

.dropdown-toggle span {display: inline-block;}

a[href$=".pdf"] {background: none; padding-right: 0; }


/* Announcement */
#announcement {background:#1B3C69; padding: 16px 20px; text-align: center; position: relative; top: 120px;}
#announcement .message {color:#fff; font-size: 22px; line-height: 24px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; }


/* Home */
#home-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/vlbm-home-hero-bg_1756392719675001Fd9n.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;}
	#home-hero .homehero {padding-top:  8%; padding-bottom: 8%;   }
    #home-hero .homehero .hero-card {background: #fff;  padding: 40px;}
    #home-hero .hero-card h1 {font-size: 56px; text-transform: uppercase; font-weight: 800; line-height: 56px; font-family: 'proxima-nova'; color:#1B3C69}
    #home-hero .hero-card h2 {font-size: 32px; text-transform: uppercase; font-weight: 800; line-height: 32px; font-family: 'proxima-nova'; color:#1B3C69}
	

#leader {padding-top: 8%; padding-bottom: 5%; }
	#leader .card {width: 92%; }
	#leader .title h2 {font-size:  32px; line-height:  36px; color:  #1B3C69; font-weight:  800; text-transform: uppercase; font-family: 'proxima-nova'; }
	#leader .title h3 {font-size:  24px; line-height:  28px; color:  #000; font-weight:  500; text-transform: none; font-family: 'proxima-nova'; }
	#leader .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
    #leader .card .disclaimer {font-size:  14px; line-height:  14px; color:  #000; font-weight:  400; font-style: italic; text-transform: none; font-family: 'proxima-nova'; }

#venue {padding-top: 10%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/venue-img-bg_1745934598297001dTXI.jpg) no-repeat top center / cover #ffffff;}
	#venue .card {padding: 48px; background: #fff; border-radius: 8px; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16);}
    #venue .card h2 {font-size:  32px; line-height:  36px; color:  #1B3C69; font-weight:  900; text-transform: uppercase; font-family: 'proxima-nova'; }
    #venue .card h5 {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: uppercase; font-family: 'proxima-nova'; }
    #venue .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }

#what {padding-top: 5%; padding-bottom: 5%;}
	#what .card {background: #F6F8FC; height: 350px; border-top-right-radius: 8px; border-top-left-radius: 8px;}
	#what .header {background:#1B3C69; height: 105px; border-top-right-radius: 8px; border-top-left-radius: 8px; padding-left: 25%; padding-right: 25%; }
	#what .header h2 {font-size: 32px; line-height: 38px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; text-align: center; padding-top: 15px; }
	#what .card .content p {font-size: 16px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; text-align: center; padding: 10px; }
    #what .disclaimer {font-size:  14px; line-height:  14px; color:  #000; font-weight:  400; font-style: italic; text-transform: none; font-family: 'proxima-nova'; text-align: center;}

/* Covered */
#covered-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/vlbm-covered-hero-bg_1756398569755001SvFq.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;}
	#covered-hero .homehero {padding-top:  15%; padding-bottom: 15%;}

/* Required Roles */
#required-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/vlbm-required-hero-bg_1756400164461001yLmu.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;}
	#required-hero .homehero {padding-top:  15%; padding-bottom:15%;}

#invited {padding-top: 5%; padding-bottom: 5%;}
    #invited h2 {font-size: 48px; line-height: 48px; color: #1B3C69; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; text-align: center; }
    #invited p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; text-align: center;}
	#invited .card {background: #F6F8FC; border-radius: 8px; padding: 16px; text-align: center; min-height: 120px; }
	#invited .card p {font-size: 18px; line-height: 22px; color: #275D8C; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; text-align: center; margin-top: 8%; }


/* Cancel Policy */
#policy {padding-top: 15%; padding-bottom: 5%; }
	#policy .card {width: 92%; }
	#policy .card h2 {font-size:  48px; line-height:  52px; color:  #1B3C69; font-weight:  900; text-transform: uppercase; font-family: 'proxima-nova'; }
	#policy .card p {font-size:  18px; line-height:  22px; color:  #000; font-weight:  400; text-transform: none; font-family: 'proxima-nova'; }
	#policy .e-img img {width: 100%; margin-top: 30%; }
    #policy .blue {color:#1B3C69;}

/*FAQS */
#faqs {padding-top: 10%; padding-bottom: 5%; background: #fff ;}
    #faqs h2 {font-size:  48px; line-height:  52px; color:  #1B3C69; font-weight:  800; text-transform: uppercase; font-family: 'proxima-nova'; }
    #faqs h3 {font-size:  32px; line-height:  38px; color:  #1B3C69; font-weight:  800; text-transform: uppercase; font-family: 'proxima-nova'; }
    #faqs .accordion {background-color: #fff; color: #1B3C69; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 20px;transition: 0.4s; text-transform: uppercase; font-family: 'proxima-nova'; font-weight: 600; border: 1px solid #1B3C69; border-radius: 4px; letter-spacing: 0.8px; }
    #faqs .active, .accordion:hover {background-color: #1B3C69; color:#fff; }
    #faqs .accordion:after {content: '\002B';color: #1B3C69;font-weight: bold;float: right;margin-left: 5px;}
    #faqs .active:after {content: "\2212"; color:#fff;}
    #faqs .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; box-shadow: none; }
    #faqs .panel ul li {font-size: 20px; font-weight: 400; line-height: 28px; font-family: 'proxima-nova'; color:#000;}
    #faqs .panel p {font-size: 20px; font-weight: 400; line-height: 28px; font-family: 'proxima-nova'; color:#000;}

/* SAAG */
#saag {padding-top: 10%; padding-bottom: 5%;}
    #saag h2 {font-size:  48px; line-height:  52px; color:  #1B3C69; font-weight:  800; text-transform: uppercase; font-family: 'proxima-nova'; }
    #saag .accordion {background-color: #fff; color: #1B3C69; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 20px;transition: 0.4s; text-transform: uppercase; font-family: 'proxima-nova'; font-weight: 600; border: 1px solid #1B3C69; border-radius: 4px; letter-spacing: 0.8px; }
    #saag .active, #saag .accordion:hover {background-color: #1B3C69; color:#fff; }
    #saag .accordion:after {content: '\002B';color: #1B3C69;font-weight: bold;float: right;margin-left: 5px;}
    #saag .active:after {content: "\2212"; color:#fff;}
    #saag .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; box-shadow: none; }
    #saag .panel ul li {font-size: 20px; font-weight: 400; line-height: 28px; font-family: 'proxima-nova'; color:#000;}
    #saag .panel td {font-size: 20px; font-weight: 400; line-height: 28px; font-family: 'proxima-nova'; color:#000;padding: 5px; }
    #saag .disclaimer {font-size: 14px; font-weight: 400; line-height: 14px; font-family: 'proxima-nova'; color:#000;font-style: italic;}

/* Stay In the Know */
#know {padding-top: 4%; padding-bottom: 4%; background: #F6F8FC;}
#know h2 {font-weight: 900; font-size: 40px; color: #1B3C69; text-transform: none; line-height: 46px; text-align:  left; font-family: 'proxima-nova'; margin-left: 30%; }
#know .n-title {width:  90%; margin-top:  15%; }
#know .n-form {padding:  25px; margin-top: 25px;  }
#know .n-form p {font-size:  18px; font-weight:  400; line-height:  24px; color:  #000; text-align:  left; font-family: 'proxima-nova';}
#know .border-left {border-left:  5px solid #1B3C69; }
#know .btn-cta {background-color: #F26A42!important; color: #fff; padding: 16px 32px; border:  1px solid #F26A42; font-weight: 700; text-transform:  uppercase; font-size:  18px; font-family: 'proxima-nova'; border-radius: 8px; }

/*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) {
     #navbar.navbar .container a.navbar-brand {width: 65%; }
    #navbar.navbar {min-height: 80px; }
.caret {display: none!important; }
    #announcement {top: 75px;}
    #announcement .message {font-size: 18px; }
    #hero {padding-top: 20%; margin-top: 0;}
#home-hero {margin-top: 19%; }
#home-hero .hero-card h1 {font-size: 38px; line-height: 42px; }
#home-hero .hero-card h2 {font-size: 28px; line-height: 32px; }
    #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; }
    #what .header {height: auto; }
    #what .header h2 {font-size: 28px; line-height: 32px; padding-top: 5px; padding-bottom: 5px; }
    #what .card .content p {font-size: 16px; }
    #saag {padding-left: 15px; padding-right: 15px; padding-top: 20%; }
    #saag h2 {font-size: 32px; text-align: center; line-height: 38px; }
    #faqs h2 {font-size: 32px; text-align: center; line-height: 38px; }
#faqs h3 {font-size: 26px; line-height: 28px; }
    #faqs {padding-left: 15px; padding-right: 15px; padding-top: 20%; }
    #know h2 {text-align: left; margin-left: 0; }
    #know .border-left {border-left: none; }
    #know .n-form {padding: 0; margin-bottom: 25px; }
#covered-hero .homehero, #required-hero .homehero {padding-top: 35%; }
#invited h2 {font-size: 32px; line-height: 38px; }
#invited .card {margin-bottom: 25px; height: auto; }
#policy .card h2 {font-size: 38px; line-height: 42px; }
    
    
}
/* 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; }
}


</style>