@font-face {
    font-family: 'FSThriveElliot-Italic';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Italic.svg#FSThriveElliot-Italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-BoldItalic';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-BoldItalic.svg#FSThriveElliot-BoldItalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-Light';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Light.svg#FSThriveElliot-Light") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-Heavy';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Heavy.svg#FSThriveElliot-Heavy") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-Regular';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Regular.svg#FSThriveElliot-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-LightItalic';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-LightItalic.svg#FSThriveElliot-LightItalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FSThriveElliot-Bold';
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/FSThriveElliot-Bold.svg#FSThriveElliot-Bold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.eot");
    src: url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.woff2") format("woff2"), url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.woff") format("woff"), url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.ttf") format("truetype"), url("https://go.alight.com/rs/777-ERD-451/images/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");
    font-weight: normal;
    font-style: normal
}

body { overflow-x: hidden; color: #3E3E40; } /* overflow-x prevents horizontal scrollbar when using 100vw fullBleed class */

/*  GRID 
----------------------------------------------------*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 2rem;
    padding-right: 2rem; }          /* Reset grid padding from pixels to rem */

/*  GLOBAL COLOR VALUES 
----------------------------------------------------*/

/* ---------------- 

Yellow:                 #fff200
Digital Black:          #19191a
Digital Off-Black:      #252526
Dark Grey:              #3e3e40
Medium Dark Grey:       #58595b
Light Grey:             #d1d3d4
Digital Off-White:      #e6e7e8
Secondary Green:        #00af56
Secondary Dark Blue:    #1473a5
Secondary Light Blue:   #8bd0cb
Secondary Purple:       #725091

---------------- */

h1, h2, h3, .sectionHeading, #webinarOverview, #eventOverview, .eqContent .stat { color: #19191a; }
h4 { color: #58595B; }
p, ul, ol, #eventDetails, #webinarDetails, .eqGrid, .bodyText, .eqContent .statText { color: #3E3E40; }

.outline { border: 2px solid #3E3E40; }
hr.hrArc { border-top: 1px solid #3E3E40 }
hr.shortThick { border-top: solid #19191a 6px; }
#contactUs { border: 2px solid #3E3E40; }

#headerHero { background-color: transparent; }
#headerMasthead { background-color: transparent; }

#globalFooter li a { color: #3E3E40; background-color: transparent; }
#globalFooter li a:hover { color: #19191a; background-color: #fff200; }
#globalFooter p { color: #58595b; }
#globalFooter .list-inline li:after { color: #58595b; }

a#contactCTA { background-color: #19191a; color: #fff200; }
a#contactCTA:hover { background-color: #58595b; color: #fff200; }

#webinarInfo a, #webinarInfo a.btn, #overviewSection a, #overviewSection a.btn { background-color: #fff200; text-decoration: none; }
#webinarInfo a:hover, #overviewSection a:hover { background-color: #fff200; text-decoration: underline; }

#webinarExperts a { text-decoration: underline; }
#webinarExperts a:hover { background-color: #fff200; }

.fullBleed#threeColimageGrid, .fullBleed#fourColStats { background-color: #f1f2f2 }

.logoSVG { fill:#19191a; }
#alightLogoSVG:hover .logoSVG { fill:#fff200; -webkit-transition: all 0.3s; transition: all 0.3s; }

.social .circle { fill:#19191a; }
.social #iconTwitterSVG:hover .circle, .social #iconLinkedInSVG:hover .circle { fill:#fff200; -webkit-transition: all 0.3s; transition: all 0.3s; }

.social .iconSocial { fill:#ffffff; }
.social #iconTwitterSVG:hover .iconSocial, .social #iconLinkedInSVG:hover .iconSocial { fill:#19191a; -webkit-transition: all 0.3s; transition: all 0.3s; }

/*  YELLOW COLOR THEME 
----------------------------------------------------*/

.themeYellow #headerMasthead #mastheadWrapper { background-color: #fff200; }

.themeYellow #headerMasthead h1, 
.themeYellow #headerMasthead #mastheadHeadline { 
    color: #19191a; }

.themeYellow #headerMasthead h4, 
.themeYellow #headerMasthead #mastheadContentType { 
    color: #58595b; }

.themeYellow #headerMasthead p, 
.themeYellow #headerMasthead #mastheadSubheadline { 
    color: #3E3E40; }

.themeYellow #mastheadCTA { background-color: #19191a; color: #fff; }
.themeYellow #mastheadCTA:hover { background-color: #58595b; color: #fff200; }

.themeYellow #webinarInfo a.btn, 
.themeYellow #overviewSection a.btn { 
    background-color: #fff200; 
    color: #19191a; 
    text-decoration: none; }

.themeYellow #webinarInfo a.btn:hover, 
.themeYellow #overviewSection a.btn:hover { 
    background-color: #252526; 
    color: #fff200; 
    text-decoration: none; }

.themeYellow #formSection { background-color: #d1d3d4; }

.themeYellow #formSection h2, 
.themeYellow #formSection #webinarTitle, 
.themeYellow #formSection #eventTitle { 
    color: #19191a; }

.themeYellow #formSection p, 
.themeYellow #formSection #webinarDateTime, 
.themeYellow #formSection #eventDateTime { 
    color: #414041; }

.themeYellow #formSection h3, 
.themeYellow #formSection #formInstructions, 
.themeYellow #formSection #confirmForm { 
    color: #19191a; }

.themeYellow #formSection h3.confirm, 
.themeYellow #formSection #confirmForm.confirm { 
    color: #414041; }

.themeYellow #formSection hr.shortThick { border-top: solid #19191a 6px; }
.themeYellow #confirmForm { border-left-color: #19191a; }
.themeYellow #registrationConfirmCTA { background-color: #fff200; color: #19191a; } 
.themeYellow #registrationConfirmCTA:hover { background-color: #252526; color: #fff200; }
.themeYellow .calendarToken a { background-color: #fff200; color: #19191a; }
.themeYellow .calendarToken a:hover { background-color: #19191a; color: #fff200; }
.themeYellow .secondaryCTAlink a { color: #19191a; }
.themeYellow .secondaryCTAlink a:hover { background-color: #fff200; color: #19191a; text-decoration: none; }

.themeYellow .mktoForm input:focus, 
.themeYellow .mktoForm select:focus, 
.themeYellow .mkto textarea:focus { background-color: #58595b; color: #fff; }

.themeYellow .mktoButtonWrap .mktoButton { background-color: #fff200; color: #19191a; }
.themeYellow .mktoButtonWrap .mktoButton:hover { background-color: #252526; color: #fff200; }
.themeYellow .mktoLabel { color: #3E3E40; }
.themeYellow .mktoErrorMsg { color: #1473a5; } /* Secondary blue for alert */

.themeYellow #webinarUpcoming.webinarDetails { background-image: url(https://go.alight.com/rs/777-ERD-451/images/icon_stopwatch_light.png); }
.themeYellow #webinarOnDemand.webinarDetails { background-image: url(https://go.alight.com/rs/777-ERD-451/images/icon_screen_light.png); }

.themeYellow #footerArc .arcSVG { fill: #fff200; }
.themeYellow #footerArc:hover .arcSVG { fill: #e6e7e8; -webkit-transition: all 0.3s; transition: all 0.3s; }

/*  DARK GREY THEME 
----------------------------------------------------*/

.themeDarkGrey #headerMasthead #mastheadWrapper { background-color: #252526; }

.themeDarkGrey #headerMasthead h1, 
.themeDarkGrey #headerMasthead #mastheadHeadline { 
    color: #fff; }

.themeDarkGrey #headerMasthead h4, 
.themeDarkGrey #headerMasthead #mastheadContentType { 
    color: #fff200; }

.themeDarkGrey #headerMasthead p, 
.themeDarkGrey #headerMasthead #mastheadSubheadline { 
    color: #d1d3d4; }

.themeDarkGrey #mastheadCTA { background-color: #fff200; color: #19191a; }
.themeDarkGrey #mastheadCTA:hover { background-color: #58595b; color: #fff200; }

.themeDarkGrey #webinarInfo a.btn, 
.themeDarkGrey #overviewSection a.btn { 
    background-color: #252526; 
    color: #fff; 
    text-decoration: none; }

.themeDarkGrey #webinarInfo a.btn:hover, 
.themeDarkGrey #overviewSection a.btn:hover { 
    background-color: #58595b; 
    color: #fff200; 
    text-decoration: none; }

.themeDarkGrey #formSection { background-color: #fff200; }

.themeDarkGrey #formSection h2, 
.themeDarkGrey #formSection #webinarTitle, 
.themeDarkGrey #formSection #eventTitle { 
    color: #19191a; }

.themeDarkGrey #formSection p, 
.themeDarkGrey #formSection #webinarDateTime, 
.themeDarkGrey #formSection #eventDateTime { 
    color: #3E3E40; }

.themeDarkGrey #formSection h3, 
.themeDarkGrey #formSection #formInstructions, 
.themeDarkGrey #formSection #confirmForm { 
    color: #19191a; }

.themeDarkGrey #formSection hr.shortThick { border-top: solid #19191a 6px; }
.themeDarkGrey #confirmForm { border-left-color: #19191a; }
.themeDarkGrey #registrationConfirmCTA { background-color: #19191a; color: #fff; } 
.themeDarkGrey #registrationConfirmCTA:hover { background-color: #58595B; color: #fff200; }
.themeDarkGrey .calendarToken a { background-color: #19191a; color: #fff; }
.themeDarkGrey .calendarToken a:hover { background-color: #58595B; color: #fff200; }
.themeDarkGrey .secondaryCTAlink a { color: #19191a; }
.themeDarkGrey .secondaryCTAlink a:hover { background-color: transparent; text-decoration: none; }

.themeDarkGrey .mktoForm input:focus, 
.themeDarkGrey .mktoForm select:focus, 
.themeDarkGrey .mkto textarea:focus { background-color: #58595b; color: #fff; }

.themeDarkGrey .mktoButtonWrap .mktoButton { background-color: #19191a; color: #fff; }
.themeDarkGrey .mktoButtonWrap .mktoButton:hover { background-color: #58595b; color: #fff200; }
.themeDarkGrey .mktoLabel { color: #3E3E40; }
.themeDarkGrey .mktoErrorMsg { color: #1473a5; } /* Secondary blue for alert */

.themeDarkGrey #webinarUpcoming.webinarDetails { background-image: url(https://go.alight.com/rs/777-ERD-451/images/icon_stopwatch_yellow.png); }
.themeDarkGrey #webinarOnDemand.webinarDetails { background-image: url(https://go.alight.com/rs/777-ERD-451/images/icon_screen_yellow.png); }

.themeDarkGrey #footerArc .arcSVG { fill: #e6e7e8; }
.themeDarkGrey #footerArc:hover .arcSVG { fill: #fff200; -webkit-transition: all 0.3s; transition: all 0.3s; }

/*  EDITABLE ELEMENTS 
----------------------------------------------------*/

#mastheadContentType { display: block; }
#mastheadSubheadline { display: block; }
#mastheadCTA { display: inline-block; }

#webinarExperts { display: block; }

#speaker1 { display: flex; }
#speaker1 img { display: block; }

#speaker2 { display: flex; }
#speaker2 img { display: block; }

#speaker3 { display: flex; }
#speaker3 img { display: block; }

#speaker4 { display: flex; }
#speaker4 img { display: block; }


/*  TYPOGRAPHY 
----------------------------------------------------*/
h1, h4, #mastheadHeadline, #mastheadContentType { font-family: 'FSThriveElliot-Heavy', Arial, sans-serif; }
h2, h3, #eventOverview, #webinarOverview, .leadSubhead, .eqContent .stat { font-family: 'FSThriveElliot-Light', Arial, sans-serif; }
strong { font-family: 'FSThriveElliot-Bold', Arial, sans-serif; }
em { font-family: 'FSThriveElliot-Italic', Arial, sans-serif; }
strong em { font-family: 'FSThriveElliot-BoldItalic', Arial, sans-serif; }

#webinarExperts h3, 
#eventSpeakers,
.speaker h3, 
.credentials .secondary,
#formSection h2, #formSection #webinarTitle,
#formSection h3, #formSection #formInstructions,
#contactModule h3,
.sectionHeading h3, .sectionHeading, 
.headlineSecondary h3 { font-family: 'FSThriveElliot-Heavy', Arial, sans-serif; }

.imgGrid .headlineSecondary h3 { line-height: 1.2; }

h1, #mastheadHeadline {
    font-size: 2.4rem;
    line-height: 1.1;
    margin-bottom: 1rem; }

h2, 
#formSection #webinarTitle, .eqContent .stat { line-height: 1.4; }

h3, 
.credentials .secondary, 
#eventSpeakers, 
#formSection #formInstructions,
.leadSubhead {
    font-size: 2.0rem;
    line-height: 1.6;
    margin-bottom: 3rem; }

    .speaker h3, 
    .credentials .secondary,
    #formSection h3, 
    #formSection #formInstructions,
    #contactModule h3 { line-height: 1.3; }

    .speaker h3, 
    .credentials .secondary { font-size: 1.6rem; }

    #formSection h2, 
    #formSection #webinarTitle { margin-top: 2rem; margin-bottom: 1rem; }

    #formSection h3, 
    #formSection #formInstructions { margin-top: 0; margin-bottom: 2rem; }

    #formSection h2, 
    #formSection #webinarTitle {
        font-size: 2.1rem;
        line-height: 1.3; }

    #formSection h3.confirm, 
    #contactModule h3.contactText { font-family: 'FSThriveElliot-Light', Arial, sans-serif; }

h4, #mastheadContentType {
    font-size: 1.1rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    margin-bottom: 0.8rem; }

p, #eventDetails, #webinarDetails, .eqGrid, .bodyText, .eqContent .statText {
    font-size: 1.6rem;
    line-height: 1.7;
    margin-bottom: 2.4rem; }

    #mastheadContent p, #mastheadSubheadline {
	   font-size: 1.4rem;
       line-height: 1.4;
       margin-bottom: 2.4rem;
    }

    .speaker p, .credentials .bio { 
        font-size: 1.3rem;
        line-height: 1.3;
        margin-bottom: 2.4rem; }

p:last-of-type { margin-bottom: 2.4rem; }
    #formSection p:last-of-type { margin-bottom: 4.2rem; }

ul {
    margin-bottom: 1.4rem;
    font-size: 1.6rem; }

ul li { padding-bottom: 1rem; }

@media (min-width: 768px) { 
    h1, #mastheadHeadline { font-size: 2.6rem; }
    #formSection h2, #formSection #webinarTitle { font-size: 2.0rem; } }

@media (min-width: 992px) {
    h1, #mastheadHeadline { font-size: 2.8rem; }
    .speaker h3, .credentials .secondary { font-size: 1.8rem; }
    .speaker p, .credentials .bio { font-size: 1.5rem; } }

@media (min-width: 1200px) {
    h1, #mastheadHeadline { font-size: 3.6rem; }
    h3, .credentials .secondary, #eventSpeakers, #formSection #formInstructions, .leadSubhead { font-size: 2.3rem; }
    #formSection h2, #formSection #webinarTitle { font-size: 2.3rem; } }

/* STYLED NUMBERED LISTS
----------------------------------------------------*/
.styledNum {
    margin-bottom: 3rem;
}

.styledNum h3 { margin-bottom: 1rem; line-height: 1.4; }

.styledNum ol {
    padding-left: 50px;
    margin: 1.5rem auto;
    counter-reset: item;
    list-style: none;
    font-size: 1.4rem;
}

.styledNum ol li {
    padding-top: 1.7rem;
    padding-bottom: 4rem;
    position: relative;
}

.styledNum ol li:before {
    content: counter(item)" ";
    counter-increment: item;
    position: absolute;
    font-size: 2.2rem;
    font-weight: 900;
    left: -50px;
    top: 0;
    height: 64px;
    width: 32px;
    background: white;
    color: black;
    border-bottom-left-radius: 64px;
    border-top-left-radius: 64px;
    border: 12px solid #fff200;
    border-right: 0;
    text-align: right;
    line-height: 44px;
    z-index: 50;
}

.styledNum ol ol {
    margin: 0 auto;
    list-style: decimal;
    counter-reset: item;
    padding-left: 40px;
}

.styledNum ol ol ol {
    list-style: upper-alpha;
}

.styledNum ol ol ol ol {
    list-style: lower-alpha;
}

.styledNum ol ol li {
    padding-bottom: 0;
    padding-top: 1rem;
    position: relative;
    margin-left: 0;
}

.styledNum ol ol li:before {
    content: " ";
    position: relative;
    font-size: inherit;
    font-weight: 900;
    left: 0;
    top: 0;
    padding-right: 0;
    height: auto;
    width: auto;
    background: transparent;
    color: black;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: inherit;
    z-index: 50;
}

.styledNum ol ul {
    margin: 0 auto;
    list-style: disc;
    counter-reset: item;
}

.styledNum ol ul ul {
    list-style: circle;
}

.styledNum ol ul ul ul {
    list-style: square;
}

.styledNum ul li {
    padding-bottom: 0;
    padding-top: 1rem;
    position: relative;
    margin-left: 0;
}

.styledNum ul li:before {
    content: " ";
    position: relative;
    font-size: inherit;
    font-weight: 900;
    left: 0;
    top: 0;
    padding-right: 0;
    height: auto;
    width: auto;
    background: transparent;
    color: black;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: inherit;
    z-index: 50;
}

@media (min-width: 768px) {
    .styledNum ol ol li {
        padding-top: 1rem;
        margin-left: 1rem;
    }
    
    .styledNum ul li {
        padding-top: 1rem;
        margin-left: 1rem;
    }
}

/*  GLOBAL STYLES 
----------------------------------------------------*/

button, .btn, #mastheadCTA, #registrationConfirmCTA, .calendarToken a {                                      /* Reset default framework button styles */  
    display: inline-block;
    font-family: 'FSThriveElliot-Heavy', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15rem;
    line-height: 3.0rem;
    padding: 0.4rem 3.0rem;
    margin-bottom: 2rem;
    vertical-align: middle;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    cursor: pointer; }

/* FORM STYLES
==================================================== */

.mktoForm { visibility: hidden; }
.mktoForm[data-styles-ready="true"] { visibility: visible; }

.mktoForm { width:100% !important; }

.mktoFormRow,
.mktoFieldWrap,
.mktoFormCol,
.mktoButtonRow,
.mktoForm input,
.mktoForm select,
.mktoForm textarea,
.mktoLabel,
.mktoForm input[type=url], 
.mktoForm input[type=text], 
.mktoForm input[type=date], 
.mktoForm input[type=tel], 
.mktoForm input[type=email], 
.mktoForm input[type=number], 
.mktoForm textarea.mktoField, 
.mktoForm select.mktoField { 
    width: 100%; } /* Make the form fields responsive - fill width of container */

.mktoForm .mktoAsterix { display: none; }               /* By default, Marketo puts asterisks next to all labels. This hides the default asterisk and only shows for true required fields. */ 
.mktoForm .mktoRequiredField .mktoAsterix {             /* Positions the asterisk to the left of required field labels */
    display: inline-block;
    padding-right: 0.3rem; } 

.mktoForm input, .mktoForm select, .mkto textarea {                                       
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    font-size: 1.3rem;
    height: auto;
    padding: 10px 15px;
    font-family: 'FSThriveElliot-Regular', Arial, sans-serif;
    -webkit-transition: 0.3s;
    transition: 0.3s; } 

.mktoForm input:focus, .mktoForm select:focus, .mkto textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #66afe9;
    outline: 0; }

.mktoRadioList, .mktoCheckboxList {
    display: grid;
    grid-template-columns: repeat(1, 3.5rem auto);
    margin-bottom: 2rem;
}

.mktoRadioList input, .mktoCheckboxList input {
	width: 2rem;
}

.mktoRadioList label, .mktoCheckboxList label {
    font-size: 1.3rem;
    line-height: 1.8;
}

.mktoClear { clear: both; }

.mktoLabel { font-size: 1.3rem; }

.mktoFieldWrap { margin-top: 1rem; }                    /* Add a margin to the each field group. */

.mktoFieldWrap:first-of-type { margin-top: 0; }         /* Remove the margin from the first field group. */

.mktoErrorMsg { font-size: 1.1rem; font-weight: 700; }  /* Set the styles for validation messages */

.mktoButtonRow { margin-top: 4rem; }                    /* Give the submit button a little breathing room */

.mktoButtonWrap .mktoButton {                           /* Style the button */
    display: inline-block;
    width: 100%;                                        /* Make it full width on mobile */
    font-family: 'FSThriveElliot-Heavy', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15rem;
    line-height: 3.0rem;
    padding: 0.4rem 3.0rem;
    margin-bottom: 4rem;
    vertical-align: middle;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    cursor: pointer; } 

@media (min-width: 480px) {
    .mktoButtonWrap .mktoButton {                       
        width: auto;                                    /* Cancel mobile full width */
        min-width: 200px; }                             /* Make it bigger on bigger screens */
}

@media (min-width: 768px) {
    .form2Col .mktoFormCol {
        width: 100%; 
        float: none;
    }
    .form2Col .mktoFieldWrap {
      padding-right: 0 !important;
      box-sizing: border-box;
    }
    .form2Col #formInstructions, .form2Col #registrationForm, .form2Col #registrationSuccess  { 
        max-width: 75%;
        margin-left: auto; 
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .form2Col #formInstructions, .form2Col #registrationForm, .form2Col #registrationSuccess  { 
        max-width: 60%;
    }
}

/* COVER LAYOUT A: LEFT MASTHEAD RIGHT HERO
----------------------------------------------------*/

.wrapper {
    max-width: 1800px;                  /* Reset default framework max-width from 1500 to 1800px */
    -webkit-box-shadow: none;           /* Remove default framework box-shadow */
    box-shadow: none;
    margin: 0 auto; }

header.container-fluid { padding: 0; }
header.container-fluid .row { margin-left: 0px; margin-right: 0px; }

#headerBranding {
    position: relative;
    margin-top: 2rem;
    height: 6rem; }

.logo {
    height: auto;
    width: 8rem;
    margin-left: 3rem;
    cursor: pointer; }

.social {
    position: absolute;
    top: 0.5rem;
    right: 3rem; }

.social svg { width: 2.5rem; height: 2.5rem; }

.social ul li {
    display: inline;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

.social ul li:first-of-type { padding-left: 0; }
.social ul li:last-of-type { padding-right: 0; }

#headerHero {
    margin: 0;
    padding: 0; }

#headerHero div.mktoImg {
    width: 100%;
    height: 24rem;
    margin: auto; }

#headerHero div.mktoImg img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

    /* CSS Fallback from Modernizr */
    #headerHero.compat-object-fit {
        background-size: cover;
        background-position: center;
    }
    #headerHero.compat-object-fit img {
        opacity: 0;
    }

#headerMasthead {
    position: relative;
    margin: 0;
    padding: 0; }

#mastheadWrapper {
    width: 100%;
    padding: 3rem; }

#mastheadContent {
    position: relative; }

#mastheadCTA { min-width: 50%; }

#heroPattern img { width: 100%; height: auto; }

@media (min-width: 600px) { 
    #headerHero div.mktoImg {
        height: 34rem; }
}

@media (min-width: 768px) {
    .logo {
        width: 10rem;
        margin-left: 4rem; }
    
    .social {
        top: 0.5rem;
        right: 4rem; }
    
    .social ul li {
        padding-left: 0.75rem;
        padding-right: 0.75rem; }
    
    .social svg { width: 3.5rem; height: 3.5rem; }
    
    #headerCover, #headerHero div.mktoImg, #headerMasthead { height: 34rem; }
    
    #headerHero div.mktoImg { overflow: hidden; }
    
    #headerCover { margin-top: 2rem; position: relative; }
    
    .headerRight #headerMasthead { 
        position: absolute;
        width: 50%;
        top: 0;
        right: 4rem; }
    
    .headerLeft #headerMasthead { 
        position: absolute;
        width: 50%;
        top: 0;
        left: 4rem; }
    
    .headerLeft #headerHero { left: 50% }
    
    #mastheadWrapper { 
        position: relative;
        height: 30rem;
        margin-top: 2rem; }
    
    #mastheadContent { height: 22rem; }

    #mastheadContent .verticalCenter { 
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0; } 
}

@media (min-width: 992px) { 
    
    .logo { width: 12rem; }

    .social { top: 1rem; right: 4rem; }

    #headerHero div.mktoImg, #headerMasthead { height: 38rem; } 
    #mastheadWrapper { margin-top: 4rem; height: 30rem; }
    #mastheadContent { height: 24rem; } 
}

@media (min-width: 1200px) {
    
    #headerHero div.mktoImg, #headerMasthead { height: 46rem; }
    #mastheadWrapper { height: 38rem; }
    #mastheadContent { height: 32rem; }
}

/* HELPER CLASSES
----------------------------------------------------*/
@media (min-width: 768px) {
    .fullBleed {
        width: 100vw;
        position: relative;
        left: 50%; 
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

.outline { padding: 4rem; }

/* DIVIDERS
----------------------------------------------------*/
hr.hrArc { margin: 3rem 0 3rem 7rem; }

hr.hrArc:before {
    content: url( 'https://go.alight.com/rs/777-ERD-451/images/divider-arc-yellow.png' );
    left: 0;                            /* Controls the position of the icon */
    position: absolute;
    transform: translateY(-50%);
    padding: 2rem; }                    /* Controls the whitespace around the icon */

hr.shortThick {
    width: 4rem;
    margin: 0 0 2rem; }

/* WEBINAR INFO MODULE
----------------------------------------------------*/
#webinarInfo {
    margin-top: 8rem;
    margin-bottom: 4rem; }

/* OVERVIEW MODULE
----------------------------------------------------*/
#overviewSection {
    margin-top: 8rem;
    margin-bottom: 2rem; }

#overviewSection p:first-of-type {
    margin-top: 0.6rem;
}

#additionalBodyCopy {
    margin-top: 4rem;
    margin-bottom: 2rem; }

/* SPEAKER MODULE
----------------------------------------------------*/
#webinarExperts { margin-bottom: 4rem; }

.speakerGrid, .speaker { display: flex; }

.speakerGrid {
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-flex-direction: column;
    flex-direction: column; }

.speaker {
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 2rem; }

.speaker img {
    border-radius: 50%;
    max-width: 8rem;
    max-height: 8rem;
    margin-right: 2rem; }

.speaker h3, .speaker p { margin: 0; }

@media (min-width: 768px) { 
    .speakerGrid {
        -webkit-flex-direction: row;
        flex-direction: row; }

    .speaker { width: 50%; }

    .speaker:nth-of-type(odd) { padding-right: 2rem }
    .speaker:nth-of-type(even) { padding-left: 2rem } }

/* STYLED NUMBERED LIST
----------------------------------------------------*/
.styledNumList .number { float: left; padding-bottom: 4rem; }
.styledNumList img { width: 3rem; height: auto; }
.styledNumList .listItem { padding-top: 1rem; padding-left: 5rem; }

@media (min-width: 768px) {
    .styledNumList img { width: 4rem; height: auto; } 
    .styledNumList .listItem { padding-top: 1.5rem; padding-left: 6rem; }
}

/* PULL QUOTES
----------------------------------------------------*/

.fullBleed#quoteModule { background-color: #f1f2f2; padding-top: 2rem; padding-bottom: 2rem; }

blockquote {
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

figure.quotation {
    padding: .5rem 2rem;
    margin: 3rem 0;
    border-left: .6rem solid #fff200;
}

@media (min-width: 768px) {
    figure.quotation {
        border-left: 1rem solid #fff200;
        margin: 5rem 0;
    }
}

figure.quotation blockquote, #quoteText {
    font-size: 2.0rem;
    line-height: 1.6;
    font-weight: 500;
}

figure figcaption, #quoteAttribution {
    display: block;
    font-size: 1.5rem;
    line-height: 1.42857;
    color: #19191a;
    font-weight: 900;
}

@media (min-width: 768px) { 
    figure figcaption {
        font-size: 1.8rem;
    }
}

figure.quotation figcaption .title, #quoteCredentials {
    display: block;
    font-size: 75%;
    text-transform: uppercase;
    margin-top: 1rem;
    font-weight: 500;
}

figure.quotation figcaption:before {
    content: '';
}

@media (min-width: 1200px) {
   figure.quotation blockquote, #quoteText {
       font-size: 2.3rem; } 
}

/* STATISTICS
----------------------------------------------------*/
#fourColStats {
    margin-bottom: 4rem;
}

#fourColStats h2, .eqContent .stat {
	margin-bottom: 0;
}

#fourColStats p, .eqContent .statText {
    margin-top: 0;
}

#fourColStats .eqGrid {
    margin-bottom: 0rem;
    padding-top: 2rem;
}

/* IMAGE GRIDS
----------------------------------------------------*/

.imgGrid a { 
    font-family: 'FSThriveElliot-Heavy', Arial, sans-serif;
    background-color: #fff200;
    text-decoration: underline;
}

.imgGrid a:hover {
    text-decoration: none;
}

.imgGrid img {
    margin-bottom: 2rem;
}

.imgGrid .sectionOverview {
    margin-bottom: 4rem;
}

#twoColImgRow .imgGrid img, .twoColImgRow img { width: 100%; max-width: 100%; height: auto; }

#twoColimageGrid  {
    margin-top: 4rem;
    margin-bottom: 4rem; }

#twoColimageGrid .twoColImgRow {
    margin-bottom: 4rem;
}

#twoColimageGrid > div:last-of-type {
    margin-bottom: 0;
}

#threeColimageGrid {
    padding-top: 2rem;
    margin-bottom: 6rem;
}

/*Flex items*/
.eqGrid {
  margin-bottom: 4rem;
}

.eqContent {
    padding: 2rem;
}

.eqContent img {
    width: 100%;
    max-width: 100%;    
}

.eqContent p {
    margin-top: 2rem;
    width: 100%;
}

.eqContent a { 
    font-family: 'FSThriveElliot-Heavy', Arial, sans-serif;
    background-color: #fff200;
    text-decoration: underline;
}

.eqContent a:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    #twoColimageGrid {
        margin-top: 4rem;
        margin-bottom: 4rem; }
    
    #twoColimageGrid .twoColImgRow {
        margin-bottom: 8rem;
    }
}

/* WEBINAR/EVENT REGISTRATION MODULE
----------------------------------------------------*/

iframe {
    border-width: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.eventMap {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

#formSection {
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 6rem; }

.webinarDetails { 
    background-repeat: no-repeat;
    background-size: 4rem auto;
    background-position: top center;
    padding-top: 4rem;
    text-align: center;
    margin: 0 auto; }

.formDetails {
    
}

.formDetails img {
    width: 100%;
    padding-bottom: 1rem;
}

#confirmForm {
    border-top: 1px solid #19191a;
    padding-top: 4rem;
    text-align: center;
}

.secondaryCTAlink a { text-decoration: underline; font-size: 1.2rem; font-family: 'FSThriveElliot-Bold', Arial, sans-serif; padding: 1px 2px; }

#registrationForm { margin-bottom: 2rem; }

#registrationConfirmCTA, .calendarToken a {
    margin-top: 1rem;
    width: 100%; }

.col-sm-6 #formSection { padding-left: 4rem; padding-right: 4rem; }

@media (min-width: 480px) {
    #registrationConfirmCTA, .calendarToken a {
        width: auto;
        min-width: 20rem; } }

@media (min-width: 768px) {  
    .webinarDetails { 
        background-size: 5rem auto;
        padding-top: 6rem;
        padding-right: 2rem;
        text-align: left;
        background-position: top left; }
    
    .formDetails {
        padding-right: 2rem;
    }
    
    .formDetails img {
        width: 100%;
        padding-bottom: 1rem;
    }
    
    #confirmForm {
        border-left: 1px solid #19191a;
        border-top: 0px;
        padding-top: 0;
        padding-left: 4rem;
        text-align: left; } }


/* FOOTER
==================================================== */

#globalFooter {
    position: relative;
    min-height: 35rem;
}

#contactModule {
    position: relative;
    text-align: center;
}

h3.contactText {
    margin-bottom: 0;
}

.contactHeader:after {
    content: "";
    display: inline-block;
    background: url("https://go.alight.com/rs/777-ERD-451/images/pattern-connection.png") no-repeat;
    background-size: 16rem auto;
    background-position: 0% 100%;
    width: 16rem;
    height: 4rem;
    margin: 0 0 0 2rem;
}

#footerArcWrapper {
    position: relative;
    height: 15rem;
}

#footerArc {
    position: absolute;
    top: 0;
    right: 0;
    width: 35rem; 
    margin-right: -15rem;
}

.footerLinksWrapper {
    position: relative;
    right: 0;
    bottom: 0;
    padding-left: 2rem;
    padding-bottom: 4rem;
    margin-top: 0rem;
    z-index: 1;
    text-align: center;
}

#globalFooter .btn { margin-top: 4rem; text-decoration: none; margin-bottom: 4rem; }

#globalFooter .logo {
    margin-left: 0;
    margin-bottom: 0;
}

#globalFooter a { 
    font-size: 1.2rem;
    text-decoration: underline;
    font-weight: 900;
    letter-spacing: 0.5px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

#globalFooter p {
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 0; }

#globalFooter .list-inline {
    margin: 0;
    padding-left: 0;
    list-style: none; }

#globalFooter .list-inline li {
    font-size: 1.2rem;
    line-height: 1.7;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    display: inline-block;
    margin: 0; }

#globalFooter .list-inline li:after {
    content: '|';
    display: inline-block;
    margin-left: 1rem; }

#globalFooter .list-inline li:last-child:after { display: none; }


@media (min-width: 768px) { 

    #contactModule {
        min-height: 45rem;
        text-align: left;
    }
    
    #contactModule .vertCenter {
        position: absolute;
        top: 50%;
        left: 2rem;
        transform: translateY(-50%);
    }
    
    #footerArcWrapper {
        position: absolute;
        top: 0;
        right: 0;
        height: 45rem;
    }
    
    #footerArc {
        position: absolute;
        top: 0;
        right: 0;
        width: 60rem; 
        margin-right: -25rem;
    }
    
    .footerLinksWrapper {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 15rem;
        margin-bottom: 3.5rem;
        z-index: 1;
        text-align: left;
    }
}