/* ========================================== */
/* FLEX_LP-theme.css - theme + colors + forms */
/* ========================================== */
/* v3.2.1 */
/* [1] theme.css  | framework, helpers, typography, responsive */
/* [2] colors.css | .primary, .secondary, .white, .light, .dark */
/* [3] forms.css  | Marketo form layout and fields */
/* ===================================================================================== */
/* ==================================[ [1] theme.css ]================================== */
/* ===================================================================================== */
/*/ ......((GLOBAL))...... /*/
/* order sections */
/* reorder sections up and down the layout using: #Sec_ {order:X;} where [-1 >= X <= 99] */
section {-ms-flex-order: 1; order: 1; z-index: 1;}
header {-ms-flex-order: 0; order: 0; z-index: 2;}
footer {-ms-flex-order: 100; order: 100; z-index: 2;}

/* smooth scrolling */
html {scroll-behavior: smooth;}
/*/ ......((HELPER CLASSES))...... /*/
/* flex-grow */
.flex-grow-2 {-ms-flex-positive: 2 !important; flex-grow: 2 !important;}
.flex-grow-3 {-ms-flex-positive: 3 !important; flex-grow: 3 !important;}
.flex-grow-4 {-ms-flex-positive: 4 !important; flex-grow: 4 !important;}
.flex-grow-5 {-ms-flex-positive: 5 !important; flex-grow: 5 !important;}
/* show/hide toggle */
.on  {/* do nothing */}
.off {display:none !important;}
/* fluid images */
img {max-width: 100%; height:auto;}
/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: .25rem 0;}
.spacer-2 {padding: .5rem 0;}
.spacer-3 {padding: .75rem 0;}
.spacer-4 {padding: 1rem 0;}
.spacer-5 {padding: 2rem 0;}
/*/ ......((TYPOGRAPHY))...... /*/
html {
font-size: 18px;
line-height: 30px;
}
body {
font-family: proxima-nova,Arial,sans-serif;
color:#181818;
font-weight: 400;
text-align: left;
overflow-x: hidden;
}
h1 {
    font-size:60px;
    line-height:60px;
    font-weight:800;
    margin-bottom: 20px;
}
h2 {
    font-size:36px;
    line-height:36px;
    font-weight:800;
    margin-bottom: 20px;
}
h3 {
    font-size:36px;
    line-height:38px;
    font-weight: 800;
    margin-bottom: 20px;
}
h6 {
    font-size: 24px;
    line-height:2;
    font-weight:800;
    letter-spacing: 3px;
    margin-bottom:20px;
}
p {
    font-size:20px;
    line-height:30px;    
    font-weight:300;
    margin-bottom:20px;
}
li {
    font-size:20px;
    line-height:30px;    
    font-weight: 300;
    margin-bottom: 10px;
}
strong, b {
    font-weight: 700;
}
/* text links */
a:not(.btn) {color:#1762E6; font-weight:inherit; text-decoration: none;} /* primary color */
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {color:#1762E6; text-decoration: underline; } /* primary-dk color */
/* buttons */
button, .btn, .blue-button {
text-decoration:none;
margin-bottom:0px;
background:#5EF784;
font-family: proxima-nova,Arial,sans-serif;
font-weight:500;
max-width:100%;
border-radius: 26px;
padding:12px 24px;
font-size:16px;
line-height:1;
color:#1a1a1a;
}
/*/..... ((HERO)) ...../*/
#hero.bg-overlay-true {
    background-image:url("/rs/986-VWL-068/images/expel-x-pattern.png");
    background-position: right;
    background-size:contain;
    background-repeat: no-repeat;
    background-color:#181818;
    padding:80px 0 0px;
    margin-bottom: 60px;
}
#hero.bg-overlay-false {
    background-image:url("/rs/986-VWL-068/images/expel-x-pattern.png");
    background-position: right;
    background-size:contain;
    background-repeat: no-repeat;
    background-color:#181818;
    padding:80px 0;
}
.row.hero {
    gap:50px;
}
#expel-logo {
    max-width: 150px;
    margin-bottom:40px;
}
.hero-eyebrow {
    color:#5EF784;
    text-transform:uppercase;
}
.hero-title, .hero-subhead {
    color:#fff;
}
.hero-subhead {
    font-size:24px;
    line-height:36px;
    margin-bottom: 40px;
}
.hero-form-title {
    margin-bottom:20px;
}
.col.form, .col.content-2 {
    max-width:450px;
}
.col.form {
    background:#fff;
    border-radius: 10px;
    padding:40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    min-height:500px;
}
#hero.bg-overlay-true .col.form {
    margin-bottom: -60px;
}

/*/..... ((MAIN)) ...../*/
#main.bg-overlay-true {
    padding:40px 0 80px;
}
#main.bg-overlay-false {
    padding:80px 0;
}
#main .row.main {
    gap:30px;
}
#main ul {
    list-style-type: circle;
}
#main ul li::marker {
    color:#51C66F;
    font-size: 22px;
}
.event-details {
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-bottom:30px;
}
.event-details .date-info, .event-details .time-info, .event-details .location-info {
    display: flex;
    align-items: center;
    gap:30px;
}
.event-icon {
    max-width:65px;
    padding:8px;
    background:#f5f5f5;
    border-radius: 50%;
}
.event-details p {
    margin-bottom:0;
}
.speaker-container {
    display: flex;
    gap:15px;
    align-items:center;
    margin-bottom:30px;
}
.speaker-headshot {
    border-radius: 10px;
}
/*/..... ((AUX))) ...../*/
#aux {
    padding:20px 0;
}
#aux ul {
    list-style-type: circle;
}
#aux ul li::marker {
    color:#51C66F;
    font-size: 22px;
}
/*/..... ((FOOTER))) ...../*/
footer {
    color:#181818;
    padding:60px 0;
    background:#f5f5f5;
    font-size:16px;
}
footer .container .row {
    width: 100%;
    margin: auto;
    position: relative;
    display: block;
}
/*/..... ((RESPONSIVE)) ...../*/
@media screen and (max-width:768px) {
    #hero {
        background-size: cover;
        background-position: top;
    }
    h1 {
        font-size:38px;
        line-height:52px;
    }
    h6 {
        font-size: 16px;
    }
    .hero-subhead {
        font-size: 20px;
        line-height: 32px;
    }
    .row, .event-details, .speaker-container {
        flex-direction: column;
    }
    .speaker-container {
        align-items: flex-start!important;
    }
    a:not(.btn) {
        padding:0!important;
    }
    .col.form {
        min-height:unset;
    }
    .mktoForm .mktoFormRow[data-wrapper-for="honeypot"] .mktoFormCol .mktoFieldWrap .mktoField {
        height:0!important;
    }
}
#add-form-disclaimer {
    margin-top:20px;
}
/*/..... ((FORMS)) ...../*/
.mktoForm * {
    font-family: "proxima-nova", Arial, sans-serif !important;
}
.mktoForm {
    width:100%!important;
}
.mktoForm .mktoFormCol {
    width:100%;
}
.mktoForm .mktoFormCol .mktoFieldWrap {
    width:100%;
    position:relative;
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoField {
    width:100%!important;
    height: 52px;
    border: 1px solid #b4b3b9 !important;
    border-radius: 12px !important;
    outline: none;
    box-shadow: none !important;
    padding: 13px 15px !important;
    margin: 0 !important;
    color: #181818 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px !important;
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoLabel {
    width: auto !important;
    padding: 1px 6px;
    color: #747474 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px !important;
    pointer-events: none;

}
.mktoForm .mktoFormCol .mktoFieldWrap.filled .mktoLabel {
    font-size:14px!important;
    font-weight: 600 !important;
    line-height: 22px !important;
    top: -11.5px;
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoLabel .mktoAsterix {
    display:none!important;
}
.mktoForm input, .mktoForm Select {
    width:100%!important;
    line-height:24px;
}
.mktoHtmlText, .mktoCaptchaDisclaimer, #add-form-disclaimer {
    width: auto !important;
    color: #747474 !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px;
}
.mktoCaptchaDisclaimer {
  margin-bottom:20px!important;
}
.mktoForm .mktoButtonRow {
  width:100%;
}
.mktoForm .mktoButtonRow .mktoButtonWrap {
  margin-left:0!important;
}
.mktoForm .mktoButtonRow .mktoButton {
    width: 100%;
    height: 48px;
    padding:12px 24px!important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: none!important;
    background: #5EF784!important;
    background-image: none !important;
    color: #1a1a1a!important;
    font-size: 16px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 0 !important;
    margin: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
  opacity: 0.8;
}
.mktoForm .mktoFormCol .mktoCheckboxList {
    display:flex!important;
	align-items:center;
	gap:15px;
	width:auto!important;
}
.mktoForm .mktoFormCol .mktoCheckboxList input[type="checkbox"] {
	width:unset!important;
	min-height:auto!important; 
    height:unset!important;  
    cursor: pointer!important;
}
.mktoForm .mktoFormCol .mktoCheckboxList label {
	margin:0!important;
	padding:0!important;
	width: auto !important;
    padding: 1px 6px;
    color: #747474 !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px !important;
    pointer-events: none;   
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoRadioList {
    display:flex;
	gap:10px;
	align-items:center;
	width:100%!important;
}
.mktoForm .mktoFormCol .mktoLabel#LblglobalOptInConsent {
    font-size: 11px !important;
    padding: 0;
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoRadioList input {
    width: unset !important;
    height: auto !important;
    cursor: pointer !important;
}
.mktoForm .mktoFormCol .mktoFieldWrap .mktoRadioList label {
    margin: 0 20px 0 0;
    color: #747474 !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
}
/* Honeypot styling [wall-e] */
.mktoFormRow[data-wrapper-for="honeypot"] {
    visibility:hidden;
    height:0;
}
.mktoFormRow[data-wrapper-for="honeypot"] .mktoFormCol {
    height:0;
    min-height:unset;
    margin-bottom:0!important;
}