:root{
--webinarignition-var-blue: #0d6efd;
--webinarignition-var-indigo: #6610f2;
--webinarignition-var-purple: #6f42c1;
--webinarignition-var-pink: #d63384;
--webinarignition-var-red: #dc3545;
--webinarignition-var-orange: #fd7e14;
--webinarignition-var-yellow: #ffc107;
--webinarignition-var-green: #198754;
--webinarignition-var-teal: #20c997;
--webinarignition-var-cyan: #0dcaf0;
--webinarignition-var-white: #fff;
--webinarignition-var-gray: #6c757d;
--webinarignition-var-gray-dark: #343a40;
--webinarignition-var-primary: #0d6efd;
--webinarignition-var-secondary: #6c757d;
--webinarignition-var-success: #198754;
--webinarignition-var-info: #0dcaf0;
--webinarignition-var-warning: #ffc107;
--webinarignition-var-danger: #dc3545;
--webinarignition-var-light: #ced4da;
--webinarignition-var-dark: #212529;
--webinarignition-var-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--webinarignition-var-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--webinarignition-var-gradient: linear-gradient(
180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0)
);
/* FSE Colors with fallback alternative colors */
--wi-fse-color-primary: var(--wp--preset--color--primary, #6d6ffc);
--wi-fse-color-secondary: var(--wp--preset--color--secondary, #f0f0f0);
--wi-fse-color-background: var(--wp--preset--color--background, #ffffff);
--wi-fse-color-foreground: var(--wp--preset--color--foreground, #222222);
--wi-fse-color-base: var(--wp--preset--color--base, #eaeaea);
--wi-fse-color-accent: var(--wp--preset--color--accent, #ff5722);
}.wi-h1,
#webinarignition .wi-h1,
.wi-h2,
#webinarignition .wi-h2,
.wi-h3,
#webinarignition .wi-h3,
.wi-h4,
#webinarignition .wi-h4,
.wi-h5,
#webinarignition .wi-h5,
.wi-h6,
#webinarignition .wi-h6{
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}.wi-h1,
#webinarignition .wi-h1{
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
.wi-h1,
#webinarignition .wi-h1 {
font-size: 2.5rem;
}
}.wi-h2,
#webinarignition .wi-h2{
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
.wi-h2,
#webinarignition .wi-h2 {
font-size: 2rem;
}
}.wi-h3,
#webinarignition .wi-h3{
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
.wi-h3,
#webinarignition .wi-h3 {
font-size: 1.75rem;
}
}.wi-h4,
#webinarignition .wi-h4{
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
.wi-h4,
#webinarignition .wi-h4 {
font-size: 1.5rem;
}
}.wi-h5,
#webinarignition .wi-h5{
font-size: 1.25rem;
}.wi-h6,
#webinarignition .wi-h6{
font-size: 1rem;
}.wi-small,
#webinarignition .wi-small{
font-size: 0.875em;
}[hidden]{
display: none !important;
}.justify-content-start{
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}.justify-content-end{
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}.justify-content-center{
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}.justify-content-between{
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}.justify-content-around{
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}.justify-content-evenly{
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}#wi_ctaVideo{
position: relative;
width: 100%;
}#wi_ctaVideoPlayer{
width: 100%;
height: 100%;
}
/* Registration/TY embed (YouTube/Vimeo): intrinsic box so height:100% iframe is not 0. */#wi_ctaVideo.wi-cta-video-embed{
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background-color: transparent;
}@supports not (aspect-ratio: 16/9){
#wi_ctaVideo.wi-cta-video-embed{
min-height: 281px;
}
}#wi_ctaVideo.wi-cta-video-embed iframe{
position: absolute;
inset: 0;
display: block;
width: 100% !important;
max-width: 100%;
height: 100% !important;
border: 0;
}#wi_ctaVideo.wi-cta-video-embed .ctaAreaVideo-aspect-ratio{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
padding-bottom: 0 !important;
}
/* Match thank-you CTA unmute: comfortable tap target; avoid vh height squeezing label */#wi_ctaVideo > .wi_videoPlayerUnmute{
position: absolute;
min-width: 124px;
width: auto;
max-width: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 0;
margin-left: 0;
z-index: 9999;
display: none;
padding: 0.75rem 1.25rem;
min-height: 44px;
box-sizing: border-box;
line-height: 1.25;
height: auto;
}#wi_ctaVideo > .wi_videoPlayerMute{
background: no-repeat;
border: none;
width: 7%;
padding: 0 2% 1% 2%;
position: absolute;
transform: scale(1.5);
bottom: 10px;
left: 10px;
display: none;
box-shadow: none;
transition: none;
z-index: 9999;
cursor: pointer;
}#wi_ctaVideo > .wi_videoPlayerReplay{
position: absolute;
min-width: 140px;
width: auto;
max-width: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
z-index: 9999;
display: none;
padding: 0.75rem 1.25rem;
min-height: 44px;
box-sizing: border-box;
line-height: 1.25;
height: auto;
}.wi-register-page-wrapper{
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}.wi-register-page-wrapper h2{
color: var(--wp--preset--color--contrast, #000) !important;
background: var(--wp--preset--color--base, #fff);
padding-top: 0;
font-size: 1.7rem;
font-family: inherit;
font-weight: bold;
margin-top: 0;
}.wi-align-items-start{
wi-align-items: flex-start !important;
}.wi-align-items-end{
wi-align-items: flex-end !important;
}.wi-align-items-center{
wi-align-items: center !important;
}.wi-align-items-baseline{
wi-align-items: baseline !important;
}.wi-align-items-stretch{
wi-align-items: stretch !important;
}.align-content-start{
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}.align-content-end{
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}.align-content-center{
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}.align-content-between{
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}.align-content-around{
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}.align-content-stretch{
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}.wi-position-static{
position: static !important;
}.wi-position-relative{
position: relative !important;
}.wi-position-absolute{
position: absolute !important;
}.wi-position-fixed{
position: fixed !important;
}.wi-position-sticky{
position: -webkit-sticky !important;
position: sticky !important;
}.top-0{
top: 0 !important;
}.top-50{
top: 50% !important;
}.top-100{
top: 100% !important;
}.wi-bottom-0{
bottom: 0 !important;
}.wi-bottom-50{
bottom: 50% !important;
}.wi-bottom-100{
bottom: 100% !important;
}.wi-start-0{
left: 0 !important;
}.wi-start-50{
left: 50% !important;
}.wi-start-100{
left: 100% !important;
}.wi-end-0{
right: 0 !important;
}.wi-end-50{
right: 50% !important;
}.wi-end-100{
right: 100% !important;
}.translate-middle{
-webkit-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}.translate-middle-x{
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}.translate-middle-y{
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}.d-inline{
display: inline !important;
}.d-inline-block{
display: inline-block !important;
}.d-block{
display: block !important;
}.d-grid{
display: grid !important;
}.d-table{
display: table !important;
}.d-table-row{
display: table-row !important;
}.d-table-cell{
display: table-cell !important;
}.d-flex{
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}.d-inline-flex{
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}.d-none{
display: none !important;
}.w-25{
width: 25% !important;
}.w-50{
width: 50% !important;
}.w-75{
width: 75% !important;
}.w-100{
width: 100% !important;
}.w-auto{
width: auto !important;
}.mw-100{
max-width: 100% !important;
}.vw-100{
width: 100vw !important;
}.min-vw-100{
min-width: 100vw !important;
}.h-25{
height: 25% !important;
}.h-50{
height: 50% !important;
}.h-75{
height: 75% !important;
}.h-100{
height: 100% !important;
}.h-auto{
height: auto !important;
}.mh-100{
max-height: 100% !important;
}.vh-100{
height: 100vh !important;
}.min-vh-100{
min-height: 100vh !important;
}.wi-mm-0{
margin: 0 !important;
}.wi-mm-1{
margin: 0.25rem !important;
}.wi-mm-2{
margin: 0.5rem !important;
}.wi-mm-3{
margin: 1rem !important;
}.wi-mm-4{
margin: 1.5rem !important;
}.wi-mm-5{
margin: 3rem !important;
}.wi-mm-auto{
margin: auto !important;
}.wi-mmx-0{
margin-right: 0 !important;
margin-left: 0 !important;
}.wi-mmx-1{
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}.wi-mmx-2{
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}.wi-mmx-3{
margin-right: 1rem !important;
margin-left: 1rem !important;
}.wi-mmx-4{
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}.wi-mmx-5{
margin-right: 3rem !important;
margin-left: 3rem !important;
}.wi-mmx-auto{
margin-right: auto !important;
margin-left: auto !important;
}.wi-mmy-0{
margin-top: 0 !important;
margin-bottom: 0 !important;
}.wi-mmy-1{
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}.wi-mmy-2{
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}.wi-mmy-3{
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}.wi-mmy-4{
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}.wi-mmy-5{
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}.wi-mmy-auto{
margin-top: auto !important;
margin-bottom: auto !important;
}.wi-mmt-0{
margin-top: 0 !important;
}.wi-mmt-1{
margin-top: 0.25rem !important;
}.wi-mmt-2{
margin-top: 0.5rem !important;
}.wi-mmt-3{
margin-top: 1rem !important;
}.wi-mmt-4{
margin-top: 1.5rem !important;
}.wi-mmt-5{
margin-top: 3rem !important;
}.wi-mmt-auto{
margin-top: auto !important;
}.wi-mme-0{
margin-right: 0 !important;
}.wi-mme-1{
margin-right: 0.25rem !important;
}.wi-mme-2{
margin-right: 0.5rem !important;
}.wi-mme-3{
margin-right: 1rem !important;
}.wi-mme-4{
margin-right: 1.5rem !important;
}.wi-mme-5{
margin-right: 3rem !important;
}.wi-mme-auto{
margin-right: auto !important;
}.wi-mmb-0{
margin-bottom: 0 !important;
}.wi-mmb-1{
margin-bottom: 0.25rem !important;
}.wi-mmb-2{
margin-bottom: 0.5rem !important;
}.wi-mmb-3{
margin-bottom: 1rem !important;
}.wi-mmb-4{
margin-bottom: 1.5rem !important;
}.wi-mmb-5{
margin-bottom: 3rem !important;
}.wi-mmb-auto{
margin-bottom: auto !important;
}.wi-mms-0{
margin-left: 0 !important;
}.wi-mms-1{
margin-left: 0.25rem !important;
}.wi-mms-2{
margin-left: 0.5rem !important;
}.wi-mms-3{
margin-left: 1rem !important;
}.wi-mms-4{
margin-left: 1.5rem !important;
}.wi-mms-5{
margin-left: 3rem !important;
}.wi-mms-auto{
margin-left: auto !important;
}.wi-p-0{
padding: 0 !important;
}.wi-p-1{
padding: 0.25rem !important;
}.wi-p-2{
padding: 0.5rem !important;
}
/* .wi-p-3{
padding: 1rem !important; } */.wi-p-4{
padding: 1.5rem !important;
}.wi-p-5{
padding: 3rem !important;
}.wi-px-0{
padding-right: 0 !important;
padding-left: 0 !important;
}.wi-px-1{
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}.wi-px-2{
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}.wi-px-3{
padding-right: 1rem !important;
padding-left: 1rem !important;
}.wi-px-4{
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}.wi-px-5{
padding-right: 3rem !important;
padding-left: 3rem !important;
}.wi-py-0{
padding-top: 0 !important;
padding-bottom: 0 !important;
}.wi-py-1{
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}.wi-py-2{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}.wi-py-3{
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}.wi-py-4{
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}.wi-py-5{
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}.wi-pt-0{
padding-top: 0 !important;
}.wi-pt-1{
padding-top: 0.25rem;
}.wi-pt-2{
padding-top: 0.5rem !important;
}.wi-pt-3{
padding-top: 1rem !important;
}.wi-pt-4{
padding-top: 1.5rem !important;
}.wi-pt-5{
padding-top: 3rem !important;
}.wi-pe-0{
padding-right: 0 !important;
}.wi-pe-1{
padding-right: 0.25rem !important;
}.wi-pe-2{
padding-right: 0.5rem !important;
}.wi-pe-3{
padding-right: 1rem !important;
}.wi-pe-4{
padding-right: 1.5rem !important;
}.wi-pe-5{
padding-right: 3rem !important;
}.wi-pb-0{
padding-bottom: 0 !important;
}.wi-pb-1{
padding-bottom: 0.25rem !important;
}.wi-pb-2{
padding-bottom: 0.5rem !important;
}.wi-pb-3{
padding-bottom: 1rem !important;
}.wi-pb-4{
padding-bottom: 1.5rem !important;
}.wi-pb-5{
padding-bottom: 3rem !important;
}.wi-ps-0{
padding-left: 0 !important;
}.wi-ps-1{
padding-left: 0.25rem !important;
}.wi-ps-2{
padding-left: 0.5rem !important;
}.wi-ps-3{
padding-left: 1rem !important;
}.wi-ps-4{
padding-left: 1.5rem !important;
}.wi-ps-5{
padding-left: 3rem !important;
}.wi-text-primary{
color: #0d6efd !important;
}.wi-text-secondary{
color: #6c757d !important;
}.wi-text-success{
color: #198754 !important;
}.wi-text-info{
color: #0dcaf0 !important;
}.wi-text-warning{
color: #ffc107 !important;
}.wi-text-danger{
color: #dc3545 !important;
}.wi-text-light{
color: #ced4da !important;
}.wi-text-dark{
color: #212529 !important;
}.wi-text-white{
color: #fff !important;
}.wi-text-body{
color: #212529 !important;
}.wi-text-muted{
color: #6c757d !important;
}.wi-text-black-50{
color: rgba(0, 0, 0, 0.5) !important;
}.wi-text-white-50{
color: rgba(255, 255, 255, 0.5) !important;
}.wi-text-reset{
color: inherit !important;
}.wi-bg-primary{
background-color: #0d6efd !important;
}.wi-bg-secondary{
background-color: #6c757d !important;
}.wi-bg-success{
background-color: #198754 !important;
}.wi-bg-info{
background-color: #0dcaf0 !important;
}.wi-bg-warning{
background-color: #ffc107 !important;
}.wi-bg-danger{
background-color: #dc3545 !important;
}.wi-bg-light{
background-color: #ced4da !important;
}.wi-bg-dark{
background-color: #212529 !important;
}.wi-bg-body{
background-color: #fff !important;
}.wi-bg-white{
background-color: #fff !important;
}.wi-bg-transparent{
background-color: transparent !important;
}.wi-bg-gradient{
background-image: var(--webinarignition-var-gradient) !important;
}
@media (min-width: 576px) {
.justify-content-sm-start {
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-sm-evenly {
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.wi-align-items-sm-start {
wi-align-items: flex-start !important;
}
.wi-align-items-sm-end {
wi-align-items: flex-end !important;
}
.wi-align-items-sm-center {
wi-align-items: center !important;
}
.wi-align-items-sm-baseline {
wi-align-items: baseline !important;
}
.wi-align-items-sm-stretch {
wi-align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.wi-mm-sm-0 {
margin: 0 !important;
}
.wi-mm-sm-1 {
margin: 0.25rem !important;
}
.wi-mm-sm-2 {
margin: 0.5rem !important;
}
.wi-mm-sm-3 {
margin: 1rem !important;
}
.wi-mm-sm-4 {
margin: 1.5rem !important;
}
.wi-mm-sm-5 {
margin: 3rem !important;
}
.wi-mm-sm-auto {
margin: auto !important;
}
.wi-mmx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.wi-mmx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.wi-mmx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.wi-mmx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.wi-mmx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.wi-mmx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.wi-mmx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.wi-mmy-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wi-mmy-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.wi-mmy-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.wi-mmy-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wi-mmy-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.wi-mmy-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.wi-mmy-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.wi-mmt-sm-0 {
margin-top: 0 !important;
}
.wi-mmt-sm-1 {
margin-top: 0.25rem !important;
}
.wi-mmt-sm-2 {
margin-top: 0.5rem !important;
}
.wi-mmt-sm-3 {
margin-top: 1rem !important;
}
.wi-mmt-sm-4 {
margin-top: 1.5rem !important;
}
.wi-mmt-sm-5 {
margin-top: 3rem !important;
}
.wi-mmt-sm-auto {
margin-top: auto !important;
}
.wi-mme-sm-0 {
margin-right: 0 !important;
}
.wi-mme-sm-1 {
margin-right: 0.25rem !important;
}
.wi-mme-sm-2 {
margin-right: 0.5rem !important;
}
.wi-mme-sm-3 {
margin-right: 1rem !important;
}
.wi-mme-sm-4 {
margin-right: 1.5rem !important;
}
.wi-mme-sm-5 {
margin-right: 3rem !important;
}
.wi-mme-sm-auto {
margin-right: auto !important;
}
.wi-mmb-sm-0 {
margin-bottom: 0 !important;
}
.wi-mmb-sm-1 {
margin-bottom: 0.25rem !important;
}
.wi-mmb-sm-2 {
margin-bottom: 0.5rem !important;
}
.wi-mmb-sm-3 {
margin-bottom: 1rem !important;
}
.wi-mmb-sm-4 {
margin-bottom: 1.5rem !important;
}
.wi-mmb-sm-5 {
margin-bottom: 3rem !important;
}
.wi-mmb-sm-auto {
margin-bottom: auto !important;
}
.wi-mms-sm-0 {
margin-left: 0 !important;
}
.wi-mms-sm-1 {
margin-left: 0.25rem !important;
}
.wi-mms-sm-2 {
margin-left: 0.5rem !important;
}
.wi-mms-sm-3 {
margin-left: 1rem !important;
}
.wi-mms-sm-4 {
margin-left: 1.5rem !important;
}
.wi-mms-sm-5 {
margin-left: 3rem !important;
}
.wi-mms-sm-auto {
margin-left: auto !important;
}
.wi-p-sm-0 {
padding: 0 !important;
}
.wi-p-sm-1 {
padding: 0.25rem !important;
}
.wi-p-sm-2 {
padding: 0.5rem !important;
}
.wi-p-sm-3 {
padding: 1rem !important;
}
.wi-p-sm-4 {
padding: 1.5rem !important;
}
.wi-p-sm-5 {
padding: 3rem !important;
}
.wi-px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wi-px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.wi-px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.wi-px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.wi-px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.wi-px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.wi-py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wi-py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.wi-py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.wi-py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.wi-py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.wi-py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.wi-pt-sm-0 {
padding-top: 0 !important;
}
.wi-pt-sm-1 {
padding-top: 0.25rem !important;
}
.wi-pt-sm-2 {
padding-top: 0.5rem !important;
}
.wi-pt-sm-3 {
padding-top: 1rem !important;
}
.wi-pt-sm-4 {
padding-top: 1.5rem !important;
}
.wi-pt-sm-5 {
padding-top: 3rem !important;
}
.wi-pe-sm-0 {
padding-right: 0 !important;
}
.wi-pe-sm-1 {
padding-right: 0.25rem !important;
}
.wi-pe-sm-2 {
padding-right: 0.5rem !important;
}
.wi-pe-sm-3 {
padding-right: 1rem !important;
}
.wi-pe-sm-4 {
padding-right: 1.5rem !important;
}
.wi-pe-sm-5 {
padding-right: 3rem !important;
}
.wi-pb-sm-0 {
padding-bottom: 0 !important;
}
.wi-pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.wi-pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.wi-pb-sm-3 {
padding-bottom: 1rem !important;
}
.wi-pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.wi-pb-sm-5 {
padding-bottom: 3rem !important;
}
.wi-ps-sm-0 {
padding-left: 0 !important;
}
.wi-ps-sm-1 {
padding-left: 0.25rem !important;
}
.wi-ps-sm-2 {
padding-left: 0.5rem !important;
}
.wi-ps-sm-3 {
padding-left: 1rem !important;
}
.wi-ps-sm-4 {
padding-left: 1.5rem !important;
}
.wi-ps-sm-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 768px) {
.justify-content-md-start {
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-md-evenly {
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.wi-align-items-md-start {
wi-align-items: flex-start !important;
}
.wi-align-items-md-end {
wi-align-items: flex-end !important;
}
.wi-align-items-md-center {
wi-align-items: center !important;
}
.wi-align-items-md-baseline {
wi-align-items: baseline !important;
}
.wi-align-items-md-stretch {
wi-align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.wi-mm-md-0 {
margin: 0 !important;
}
.wi-mm-md-1 {
margin: 0.25rem !important;
}
.wi-mm-md-2 {
margin: 0.5rem !important;
}
.wi-mm-md-3 {
margin: 1rem !important;
}
.wi-mm-md-4 {
margin: 1.5rem !important;
}
.wi-mm-md-5 {
margin: 3rem !important;
}
.wi-mm-md-auto {
margin: auto !important;
}
.wi-mmx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.wi-mmx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.wi-mmx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.wi-mmx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.wi-mmx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.wi-mmx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.wi-mmx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.wi-mmy-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wi-mmy-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.wi-mmy-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.wi-mmy-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wi-mmy-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.wi-mmy-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.wi-mmy-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.wi-mmt-md-0 {
margin-top: 0 !important;
}
.wi-mmt-md-1 {
margin-top: 0.25rem !important;
}
.wi-mmt-md-2 {
margin-top: 0.5rem !important;
}
.wi-mmt-md-3 {
margin-top: 1rem !important;
}
.wi-mmt-md-4 {
margin-top: 1.5rem !important;
}
.wi-mmt-md-5 {
margin-top: 3rem !important;
}
.wi-mmt-md-auto {
margin-top: auto !important;
}
.wi-mme-md-0 {
margin-right: 0 !important;
}
.wi-mme-md-1 {
margin-right: 0.25rem !important;
}
.wi-mme-md-2 {
margin-right: 0.5rem !important;
}
.wi-mme-md-3 {
margin-right: 1rem !important;
}
.wi-mme-md-4 {
margin-right: 1.5rem !important;
}
.wi-mme-md-5 {
margin-right: 3rem !important;
}
.wi-mme-md-auto {
margin-right: auto !important;
}
.wi-mmb-md-0 {
margin-bottom: 0 !important;
}
.wi-mmb-md-1 {
margin-bottom: 0.25rem !important;
}
.wi-mmb-md-2 {
margin-bottom: 0.5rem !important;
}
.wi-mmb-md-3 {
margin-bottom: 1rem !important;
}
.wi-mmb-md-4 {
margin-bottom: 1.5rem !important;
}
.wi-mmb-md-5 {
margin-bottom: 3rem !important;
}
.wi-mmb-md-auto {
margin-bottom: auto !important;
}
.wi-mms-md-0 {
margin-left: 0 !important;
}
.wi-mms-md-1 {
margin-left: 0.25rem !important;
}
.wi-mms-md-2 {
margin-left: 0.5rem !important;
}
.wi-mms-md-3 {
margin-left: 1rem !important;
}
.wi-mms-md-4 {
margin-left: 1.5rem !important;
}
.wi-mms-md-5 {
margin-left: 3rem !important;
}
.wi-mms-md-auto {
margin-left: auto !important;
}
.wi-p-md-0 {
padding: 0 !important;
}
.wi-p-md-1 {
padding: 0.25rem !important;
}
.wi-p-md-2 {
padding: 0.5rem !important;
}
.wi-p-md-3 {
padding: 1rem !important;
}
.wi-p-md-4 {
padding: 1.5rem !important;
}
.wi-p-md-5 {
padding: 3rem !important;
}
.wi-px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wi-px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.wi-px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.wi-px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.wi-px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.wi-px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.wi-py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wi-py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.wi-py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.wi-py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.wi-py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.wi-py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.wi-pt-md-0 {
padding-top: 0 !important;
}
.wi-pt-md-1 {
padding-top: 0.25rem !important;
}
.wi-pt-md-2 {
padding-top: 0.5rem !important;
}
.wi-pt-md-3 {
padding-top: 1rem !important;
}
.wi-pt-md-4 {
padding-top: 1.5rem !important;
}
.wi-pt-md-5 {
padding-top: 3rem !important;
}
.wi-pe-md-0 {
padding-right: 0 !important;
}
.wi-pe-md-1 {
padding-right: 0.25rem !important;
}
.wi-pe-md-2 {
padding-right: 0.5rem !important;
}
.wi-pe-md-3 {
padding-right: 1rem !important;
}
.wi-pe-md-4 {
padding-right: 1.5rem !important;
}
.wi-pe-md-5 {
padding-right: 3rem !important;
}
.wi-pb-md-0 {
padding-bottom: 0 !important;
}
.wi-pb-md-1 {
padding-bottom: 0.25rem !important;
}
.wi-pb-md-2 {
padding-bottom: 0.5rem !important;
}
.wi-pb-md-3 {
padding-bottom: 1rem !important;
}
.wi-pb-md-4 {
padding-bottom: 1.5rem !important;
}
.wi-pb-md-5 {
padding-bottom: 3rem !important;
}
.wi-ps-md-0 {
padding-left: 0 !important;
}
.wi-ps-md-1 {
padding-left: 0.25rem !important;
}
.wi-ps-md-2 {
padding-left: 0.5rem !important;
}
.wi-ps-md-3 {
padding-left: 1rem !important;
}
.wi-ps-md-4 {
padding-left: 1.5rem !important;
}
.wi-ps-md-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 992px) {
.justify-content-lg-start {
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-lg-evenly {
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.wi-align-items-lg-start {
wi-align-items: flex-start !important;
}
.wi-align-items-lg-end {
wi-align-items: flex-end !important;
}
.wi-align-items-lg-center {
wi-align-items: center !important;
}
.wi-align-items-lg-baseline {
wi-align-items: baseline !important;
}
.wi-align-items-lg-stretch {
wi-align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.wi-mm-lg-0 {
margin: 0 !important;
}
.wi-mm-lg-1 {
margin: 0.25rem !important;
}
.wi-mm-lg-2 {
margin: 0.5rem !important;
}
.wi-mm-lg-3 {
margin: 1rem !important;
}
.wi-mm-lg-4 {
margin: 1.5rem !important;
}
.wi-mm-lg-5 {
margin: 3rem !important;
}
.wi-mm-lg-auto {
margin: auto !important;
}
.wi-mmx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.wi-mmx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.wi-mmx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.wi-mmx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.wi-mmx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.wi-mmx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.wi-mmx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.wi-mmy-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wi-mmy-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.wi-mmy-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.wi-mmy-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wi-mmy-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.wi-mmy-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.wi-mmy-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.wi-mmt-lg-0 {
margin-top: 0 !important;
}
.wi-mmt-lg-1 {
margin-top: 0.25rem !important;
}
.wi-mmt-lg-2 {
margin-top: 0.5rem !important;
}
.wi-mmt-lg-3 {
margin-top: 1rem !important;
}
.wi-mmt-lg-4 {
margin-top: 1.5rem !important;
}
.wi-mmt-lg-5 {
margin-top: 3rem !important;
}
.wi-mmt-lg-auto {
margin-top: auto !important;
}
.wi-mme-lg-0 {
margin-right: 0 !important;
}
.wi-mme-lg-1 {
margin-right: 0.25rem !important;
}
.wi-mme-lg-2 {
margin-right: 0.5rem !important;
}
.wi-mme-lg-3 {
margin-right: 1rem !important;
}
.wi-mme-lg-4 {
margin-right: 1.5rem !important;
}
.wi-mme-lg-5 {
margin-right: 3rem !important;
}
.wi-mme-lg-auto {
margin-right: auto !important;
}
.wi-mmb-lg-0 {
margin-bottom: 0 !important;
}
.wi-mmb-lg-1 {
margin-bottom: 0.25rem !important;
}
.wi-mmb-lg-2 {
margin-bottom: 0.5rem !important;
}
.wi-mmb-lg-3 {
margin-bottom: 1rem !important;
}
.wi-mmb-lg-4 {
margin-bottom: 1.5rem !important;
}
.wi-mmb-lg-5 {
margin-bottom: 3rem !important;
}
.wi-mmb-lg-auto {
margin-bottom: auto !important;
}
.wi-mms-lg-0 {
margin-left: 0 !important;
}
.wi-mms-lg-1 {
margin-left: 0.25rem !important;
}
.wi-mms-lg-2 {
margin-left: 0.5rem !important;
}
.wi-mms-lg-3 {
margin-left: 1rem !important;
}
.wi-mms-lg-4 {
margin-left: 1.5rem !important;
}
.wi-mms-lg-5 {
margin-left: 3rem !important;
}
.wi-mms-lg-auto {
margin-left: auto !important;
}
.wi-p-lg-0 {
padding: 0 !important;
}
.wi-p-lg-1 {
padding: 0.25rem !important;
}
.wi-p-lg-2 {
padding: 0.5rem !important;
}
.wi-p-lg-3 {
padding: 1rem !important;
}
.wi-p-lg-4 {
padding: 1.5rem !important;
}
.wi-p-lg-5 {
padding: 3rem !important;
}
.wi-px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wi-px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.wi-px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.wi-px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.wi-px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.wi-px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.wi-py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wi-py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.wi-py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.wi-py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.wi-py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.wi-py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.wi-pt-lg-0 {
padding-top: 0 !important;
}
.wi-pt-lg-1 {
padding-top: 0.25rem !important;
}
.wi-pt-lg-2 {
padding-top: 0.5rem !important;
}
.wi-pt-lg-3 {
padding-top: 1rem !important;
}
.wi-pt-lg-4 {
padding-top: 1.5rem !important;
}
.wi-pt-lg-5 {
padding-top: 3rem !important;
}
.wi-pe-lg-0 {
padding-right: 0 !important;
}
.wi-pe-lg-1 {
padding-right: 0.25rem !important;
}
.wi-pe-lg-2 {
padding-right: 0.5rem !important;
}
.wi-pe-lg-3 {
padding-right: 1rem !important;
}
.wi-pe-lg-4 {
padding-right: 1.5rem !important;
}
.wi-pe-lg-5 {
padding-right: 3rem !important;
}
.wi-pb-lg-0 {
padding-bottom: 0 !important;
}
.wi-pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.wi-pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.wi-pb-lg-3 {
padding-bottom: 1rem !important;
}
.wi-pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.wi-pb-lg-5 {
padding-bottom: 3rem !important;
}
.wi-ps-lg-0 {
padding-left: 0 !important;
}
.wi-ps-lg-1 {
padding-left: 0.25rem !important;
}
.wi-ps-lg-2 {
padding-left: 0.5rem !important;
}
.wi-ps-lg-3 {
padding-left: 1rem !important;
}
.wi-ps-lg-4 {
padding-left: 1.5rem !important;
}
.wi-ps-lg-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1200px) {
.justify-content-xl-start {
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xl-evenly {
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.wi-align-items-xl-start {
wi-align-items: flex-start !important;
}
.wi-align-items-xl-end {
wi-align-items: flex-end !important;
}
.wi-align-items-xl-center {
wi-align-items: center !important;
}
.wi-align-items-xl-baseline {
wi-align-items: baseline !important;
}
.wi-align-items-xl-stretch {
wi-align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.wi-mm-xl-0 {
margin: 0 !important;
}
.wi-mm-xl-1 {
margin: 0.25rem !important;
}
.wi-mm-xl-2 {
margin: 0.5rem !important;
}
.wi-mm-xl-3 {
margin: 1rem !important;
}
.wi-mm-xl-4 {
margin: 1.5rem !important;
}
.wi-mm-xl-5 {
margin: 3rem !important;
}
.wi-mm-xl-auto {
margin: auto !important;
}
.wi-mmx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.wi-mmx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.wi-mmx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.wi-mmx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.wi-mmx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.wi-mmx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.wi-mmx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.wi-mmy-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wi-mmy-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.wi-mmy-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.wi-mmy-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wi-mmy-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.wi-mmy-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.wi-mmy-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.wi-mmt-xl-0 {
margin-top: 0 !important;
}
.wi-mmt-xl-1 {
margin-top: 0.25rem !important;
}
.wi-mmt-xl-2 {
margin-top: 0.5rem !important;
}
.wi-mmt-xl-3 {
margin-top: 1rem !important;
}
.wi-mmt-xl-4 {
margin-top: 1.5rem !important;
}
.wi-mmt-xl-5 {
margin-top: 3rem !important;
}
.wi-mmt-xl-auto {
margin-top: auto !important;
}
.wi-mme-xl-0 {
margin-right: 0 !important;
}
.wi-mme-xl-1 {
margin-right: 0.25rem !important;
}
.wi-mme-xl-2 {
margin-right: 0.5rem !important;
}
.wi-mme-xl-3 {
margin-right: 1rem !important;
}
.wi-mme-xl-4 {
margin-right: 1.5rem !important;
}
.wi-mme-xl-5 {
margin-right: 3rem !important;
}
.wi-mme-xl-auto {
margin-right: auto !important;
}
.wi-mmb-xl-0 {
margin-bottom: 0 !important;
}
.wi-mmb-xl-1 {
margin-bottom: 0.25rem !important;
}
.wi-mmb-xl-2 {
margin-bottom: 0.5rem !important;
}
.wi-mmb-xl-3 {
margin-bottom: 1rem !important;
}
.wi-mmb-xl-4 {
margin-bottom: 1.5rem !important;
}
.wi-mmb-xl-5 {
margin-bottom: 3rem !important;
}
.wi-mmb-xl-auto {
margin-bottom: auto !important;
}
.wi-mms-xl-0 {
margin-left: 0 !important;
}
.wi-mms-xl-1 {
margin-left: 0.25rem !important;
}
.wi-mms-xl-2 {
margin-left: 0.5rem !important;
}
.wi-mms-xl-3 {
margin-left: 1rem !important;
}
.wi-mms-xl-4 {
margin-left: 1.5rem !important;
}
.wi-mms-xl-5 {
margin-left: 3rem !important;
}
.wi-mms-xl-auto {
margin-left: auto !important;
}
.wi-p-xl-0 {
padding: 0 !important;
}
.wi-p-xl-1 {
padding: 0.25rem !important;
}
.wi-p-xl-2 {
padding: 0.5rem !important;
}
.wi-p-xl-3 {
padding: 1rem !important;
}
.wi-p-xl-4 {
padding: 1.5rem !important;
}
.wi-p-xl-5 {
padding: 3rem !important;
}
.wi-px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wi-px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.wi-px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.wi-px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.wi-px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.wi-px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.wi-py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wi-py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.wi-py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.wi-py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.wi-py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.wi-py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.wi-pt-xl-0 {
padding-top: 0 !important;
}
.wi-pt-xl-1 {
padding-top: 0.25rem !important;
}
.wi-pt-xl-2 {
padding-top: 0.5rem !important;
}
.wi-pt-xl-3 {
padding-top: 1rem !important;
}
.wi-pt-xl-4 {
padding-top: 1.5rem !important;
}
.wi-pt-xl-5 {
padding-top: 3rem !important;
}
.wi-pe-xl-0 {
padding-right: 0 !important;
}
.wi-pe-xl-1 {
padding-right: 0.25rem !important;
}
.wi-pe-xl-2 {
padding-right: 0.5rem !important;
}
.wi-pe-xl-3 {
padding-right: 1rem !important;
}
.wi-pe-xl-4 {
padding-right: 1.5rem !important;
}
.wi-pe-xl-5 {
padding-right: 3rem !important;
}
.wi-pb-xl-0 {
padding-bottom: 0 !important;
}
.wi-pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.wi-pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.wi-pb-xl-3 {
padding-bottom: 1rem !important;
}
.wi-pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.wi-pb-xl-5 {
padding-bottom: 3rem !important;
}
.wi-ps-xl-0 {
padding-left: 0 !important;
}
.wi-ps-xl-1 {
padding-left: 0.25rem !important;
}
.wi-ps-xl-2 {
padding-left: 0.5rem !important;
}
.wi-ps-xl-3 {
padding-left: 1rem !important;
}
.wi-ps-xl-4 {
padding-left: 1.5rem !important;
}
.wi-ps-xl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1400px) {
.justify-content-xxl-start {
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.wi-align-items-xxl-start {
wi-align-items: flex-start !important;
}
.wi-align-items-xxl-end {
wi-align-items: flex-end !important;
}
.wi-align-items-xxl-center {
wi-align-items: center !important;
}
.wi-align-items-xxl-baseline {
wi-align-items: baseline !important;
}
.wi-align-items-xxl-stretch {
wi-align-items: stretch !important;
}
.align-content-xxl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.wi-mm-xxl-0 {
margin: 0 !important;
}
.wi-mm-xxl-1 {
margin: 0.25rem !important;
}
.wi-mm-xxl-2 {
margin: 0.5rem !important;
}
.wi-mm-xxl-3 {
margin: 1rem !important;
}
.wi-mm-xxl-4 {
margin: 1.5rem !important;
}
.wi-mm-xxl-5 {
margin: 3rem !important;
}
.wi-mm-xxl-auto {
margin: auto !important;
}
.wi-mmx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.wi-mmx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.wi-mmx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.wi-mmx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.wi-mmx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.wi-mmx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.wi-mmx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.wi-mmy-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wi-mmy-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.wi-mmy-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.wi-mmy-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.wi-mmy-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.wi-mmy-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.wi-mmy-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.wi-mmt-xxl-0 {
margin-top: 0 !important;
}
.wi-mmt-xxl-1 {
margin-top: 0.25rem !important;
}
.wi-mmt-xxl-2 {
margin-top: 0.5rem !important;
}
.wi-mmt-xxl-3 {
margin-top: 1rem !important;
}
.wi-mmt-xxl-4 {
margin-top: 1.5rem !important;
}
.wi-mmt-xxl-5 {
margin-top: 3rem !important;
}
.wi-mmt-xxl-auto {
margin-top: auto !important;
}
.wi-mme-xxl-0 {
margin-right: 0 !important;
}
.wi-mme-xxl-1 {
margin-right: 0.25rem !important;
}
.wi-mme-xxl-2 {
margin-right: 0.5rem !important;
}
.wi-mme-xxl-3 {
margin-right: 1rem !important;
}
.wi-mme-xxl-4 {
margin-right: 1.5rem !important;
}
.wi-mme-xxl-5 {
margin-right: 3rem !important;
}
.wi-mme-xxl-auto {
margin-right: auto !important;
}
.wi-mmb-xxl-0 {
margin-bottom: 0 !important;
}
.wi-mmb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.wi-mmb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.wi-mmb-xxl-3 {
margin-bottom: 1rem !important;
}
.wi-mmb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.wi-mmb-xxl-5 {
margin-bottom: 3rem !important;
}
.wi-mmb-xxl-auto {
margin-bottom: auto !important;
}
.wi-mms-xxl-0 {
margin-left: 0 !important;
}
.wi-mms-xxl-1 {
margin-left: 0.25rem !important;
}
.wi-mms-xxl-2 {
margin-left: 0.5rem !important;
}
.wi-mms-xxl-3 {
margin-left: 1rem !important;
}
.wi-mms-xxl-4 {
margin-left: 1.5rem !important;
}
.wi-mms-xxl-5 {
margin-left: 3rem !important;
}
.wi-mms-xxl-auto {
margin-left: auto !important;
}
.wi-p-xxl-0 {
padding: 0 !important;
}
.wi-p-xxl-1 {
padding: 0.25rem !important;
}
.wi-p-xxl-2 {
padding: 0.5rem !important;
}
.wi-p-xxl-3 {
padding: 1rem !important;
}
.wi-p-xxl-4 {
padding: 1.5rem !important;
}
.wi-p-xxl-5 {
padding: 3rem !important;
}
.wi-px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.wi-px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.wi-px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.wi-px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.wi-px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.wi-px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.wi-py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wi-py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.wi-py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.wi-py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.wi-py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.wi-py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.wi-pt-xxl-0 {
padding-top: 0 !important;
}
.wi-pt-xxl-1 {
padding-top: 0.25rem !important;
}
.wi-pt-xxl-2 {
padding-top: 0.5rem !important;
}
.wi-pt-xxl-3 {
padding-top: 1rem !important;
}
.wi-pt-xxl-4 {
padding-top: 1.5rem !important;
}
.wi-pt-xxl-5 {
padding-top: 3rem !important;
}
.wi-pe-xxl-0 {
padding-right: 0 !important;
}
.wi-pe-xxl-1 {
padding-right: 0.25rem !important;
}
.wi-pe-xxl-2 {
padding-right: 0.5rem !important;
}
.wi-pe-xxl-3 {
padding-right: 1rem !important;
}
.wi-pe-xxl-4 {
padding-right: 1.5rem !important;
}
.wi-pe-xxl-5 {
padding-right: 3rem !important;
}
.wi-pb-xxl-0 {
padding-bottom: 0 !important;
}
.wi-pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.wi-pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.wi-pb-xxl-3 {
padding-bottom: 1rem !important;
}
.wi-pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.wi-pb-xxl-5 {
padding-bottom: 3rem !important;
}
.wi-ps-xxl-0 {
padding-left: 0 !important;
}
.wi-ps-xxl-1 {
padding-left: 0.25rem !important;
}
.wi-ps-xxl-2 {
padding-left: 0.5rem !important;
}
.wi-ps-xxl-3 {
padding-left: 1rem !important;
}
.wi-ps-xxl-4 {
padding-left: 1.5rem !important;
}
.wi-ps-xxl-5 {
padding-left: 3rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}.wi-container,
.wi-container-fluid,
.wi-container-sm,
.wi-container-md,
.wi-container-lg,
.wi-container-xl,
.wi-container-xxl{
width: 100%;
padding-right: var(--webinarignition-var-gutter-x, 0.75rem);
padding-left: var(--webinarignition-var-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.wi-container,
.wi-container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.wi-container,
.wi-container-sm,
.wi-container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.wi-container,
.wi-container-sm,
.wi-container-md,
.wi-container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.wi-container,
.wi-container-sm,
.wi-container-md,
.wi-container-lg,
.wi-container-xl {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.wi-container,
.wi-container-sm,
.wi-container-md,
.wi-container-lg,
.wi-container-xl,
.wi-container-xxl {
max-width: 1320px;
}
}.wi-row{
--webinarignition-var-gutter-x: 1.5rem;
--webinarignition-var-gutter-y: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(var(--webinarignition-var-gutter-y) * -1);
margin-right: calc(var(--webinarignition-var-gutter-x) / -2);
margin-left: calc(var(--webinarignition-var-gutter-x) / -2);
}.wi-row > *{
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--webinarignition-var-gutter-x) / 2);
padding-left: calc(var(--webinarignition-var-gutter-x) / 2);
margin-top: var(--webinarignition-var-gutter-y);
}.wi-col{
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}.wi-row-cols-auto > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}.wi-row-cols-1 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}.wi-row-cols-2 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}.wi-row-cols-3 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}.wi-row-cols-4 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}.wi-row-cols-5 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}.wi-row-cols-6 > *{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}.wi-col-auto{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}.wi-col-1{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}.wi-col-2{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}.wi-col-3{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}.wi-col-4{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}.wi-col-5{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}.wi-col-6{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}.wi-col-7{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}.wi-col-8{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}.wi-col-9{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}.wi-col-10{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}.wi-col-11{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}.wi-col-12{
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}.wi-offset-1{
margin-left: 8.33333%;
}.wi-offset-2{
margin-left: 16.66667%;
}.wi-offset-3{
margin-left: 25%;
}.wi-offset-4{
margin-left: 33.33333%;
}.wi-offset-5{
margin-left: 41.66667%;
}.wi-offset-6{
margin-left: 50%;
}.wi-offset-7{
margin-left: 58.33333%;
}.wi-offset-8{
margin-left: 66.66667%;
}.wi-offset-9{
margin-left: 75%;
}.wi-offset-10{
margin-left: 83.33333%;
}.wi-offset-11{
margin-left: 91.66667%;
}.wi-g-0,
.wi-gx-0{
--webinarignition-var-gutter-x: 0;
}.wi-g-0,
.wi-gy-0{
--webinarignition-var-gutter-y: 0;
}.wi-g-1,
.wi-gx-1{
--webinarignition-var-gutter-x: 0.25rem;
}.wi-g-1,
.wi-gy-1{
--webinarignition-var-gutter-y: 0.25rem;
}.wi-g-2,
.wi-gx-2{
--webinarignition-var-gutter-x: 0.5rem;
}.wi-g-2,
.wi-gy-2{
--webinarignition-var-gutter-y: 0.5rem;
}.wi-g-3,
.wi-gx-3{
--webinarignition-var-gutter-x: 1rem;
}.wi-g-3,
.wi-gy-3{
--webinarignition-var-gutter-y: 1rem;
}.wi-g-4,
.wi-gx-4{
--webinarignition-var-gutter-x: 1.5rem;
}.wi-g-4,
.wi-gy-4{
--webinarignition-var-gutter-y: 1.5rem;
}.wi-g-5,
.wi-gx-5{
--webinarignition-var-gutter-x: 3rem;
}.wi-g-5,
.wi-gy-5{
--webinarignition-var-gutter-y: 3rem;
}
@media (min-width: 576px) {
.wi-col-sm {
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.wi-row-cols-sm-auto > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-row-cols-sm-1 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-row-cols-sm-2 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-row-cols-sm-3 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-row-cols-sm-4 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-row-cols-sm-5 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.wi-row-cols-sm-6 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-sm-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-col-sm-1 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}
.wi-col-sm-2 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-sm-3 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-col-sm-4 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-col-sm-5 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}
.wi-col-sm-6 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-col-sm-7 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}
.wi-col-sm-8 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}
.wi-col-sm-9 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.wi-col-sm-10 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}
.wi-col-sm-11 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}
.wi-col-sm-12 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-offset-sm-0 {
margin-left: 0;
}
.wi-offset-sm-1 {
margin-left: 8.33333%;
}
.wi-offset-sm-2 {
margin-left: 16.66667%;
}
.wi-offset-sm-3 {
margin-left: 25%;
}
.wi-offset-sm-4 {
margin-left: 33.33333%;
}
.wi-offset-sm-5 {
margin-left: 41.66667%;
}
.wi-offset-sm-6 {
margin-left: 50%;
}
.wi-offset-sm-7 {
margin-left: 58.33333%;
}
.wi-offset-sm-8 {
margin-left: 66.66667%;
}
.wi-offset-sm-9 {
margin-left: 75%;
}
.wi-offset-sm-10 {
margin-left: 83.33333%;
}
.wi-offset-sm-11 {
margin-left: 91.66667%;
}
.wi-g-sm-0,
.wi-gx-sm-0 {
--webinarignition-var-gutter-x: 0;
}
.wi-g-sm-0,
.wi-gy-sm-0 {
--webinarignition-var-gutter-y: 0;
}
.wi-g-sm-1,
.wi-gx-sm-1 {
--webinarignition-var-gutter-x: 0.25rem;
}
.wi-g-sm-1,
.wi-gy-sm-1 {
--webinarignition-var-gutter-y: 0.25rem;
}
.wi-g-sm-2,
.wi-gx-sm-2 {
--webinarignition-var-gutter-x: 0.5rem;
}
.wi-g-sm-2,
.wi-gy-sm-2 {
--webinarignition-var-gutter-y: 0.5rem;
}
.wi-g-sm-3,
.wi-gx-sm-3 {
--webinarignition-var-gutter-x: 1rem;
}
.wi-g-sm-3,
.wi-gy-sm-3 {
--webinarignition-var-gutter-y: 1rem;
}
.wi-g-sm-4,
.wi-gx-sm-4 {
--webinarignition-var-gutter-x: 1.5rem;
}
.wi-g-sm-4,
.wi-gy-sm-4 {
--webinarignition-var-gutter-y: 1.5rem;
}
.wi-g-sm-5,
.wi-gx-sm-5 {
--webinarignition-var-gutter-x: 3rem;
}
.wi-g-sm-5,
.wi-gy-sm-5 {
--webinarignition-var-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.wi-col-md {
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.wi-row-cols-md-auto > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-row-cols-md-1 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-row-cols-md-2 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-row-cols-md-3 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-row-cols-md-4 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-row-cols-md-5 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.wi-row-cols-md-6 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-md-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-col-md-1 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}
.wi-col-md-2 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-md-3 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-col-md-4 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-col-md-5 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}
.wi-col-md-6 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-col-md-7 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}
.wi-col-md-8 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}
.wi-col-md-9 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.wi-col-md-10 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}
.wi-col-md-11 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}
.wi-col-md-12 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-offset-md-0 {
margin-left: 0;
}
.wi-offset-md-1 {
margin-left: 8.33333%;
}
.wi-offset-md-2 {
margin-left: 16.66667%;
}
.wi-offset-md-3 {
margin-left: 25%;
}
.wi-offset-md-4 {
margin-left: 33.33333%;
}
.wi-offset-md-5 {
margin-left: 41.66667%;
}
.wi-offset-md-6 {
margin-left: 50%;
}
.wi-offset-md-7 {
margin-left: 58.33333%;
}
.wi-offset-md-8 {
margin-left: 66.66667%;
}
.wi-offset-md-9 {
margin-left: 75%;
}
.wi-offset-md-10 {
margin-left: 83.33333%;
}
.wi-offset-md-11 {
margin-left: 91.66667%;
}
.wi-g-md-0,
.wi-gx-md-0 {
--webinarignition-var-gutter-x: 0;
}
.wi-g-md-0,
.wi-gy-md-0 {
--webinarignition-var-gutter-y: 0;
}
.wi-g-md-1,
.wi-gx-md-1 {
--webinarignition-var-gutter-x: 0.25rem;
}
.wi-g-md-1,
.wi-gy-md-1 {
--webinarignition-var-gutter-y: 0.25rem;
}
.wi-g-md-2,
.wi-gx-md-2 {
--webinarignition-var-gutter-x: 0.5rem;
}
.wi-g-md-2,
.wi-gy-md-2 {
--webinarignition-var-gutter-y: 0.5rem;
}
.wi-g-md-3,
.wi-gx-md-3 {
--webinarignition-var-gutter-x: 1rem;
}
.wi-g-md-3,
.wi-gy-md-3 {
--webinarignition-var-gutter-y: 1rem;
}
.wi-g-md-4,
.wi-gx-md-4 {
--webinarignition-var-gutter-x: 1.5rem;
}
.wi-g-md-4,
.wi-gy-md-4 {
--webinarignition-var-gutter-y: 1.5rem;
}
.wi-g-md-5,
.wi-gx-md-5 {
--webinarignition-var-gutter-x: 3rem;
}
.wi-g-md-5,
.wi-gy-md-5 {
--webinarignition-var-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.wi-col-lg {
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.wi-row-cols-lg-auto > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-row-cols-lg-1 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-row-cols-lg-2 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-row-cols-lg-3 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-row-cols-lg-4 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-row-cols-lg-5 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.wi-row-cols-lg-6 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-lg-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-col-lg-1 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}
.wi-col-lg-2 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-lg-3 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-col-lg-4 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-col-lg-5 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}
.wi-col-lg-6 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-col-lg-7 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}
.wi-col-lg-8 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}
.wi-col-lg-9 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.wi-col-lg-10 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}
.wi-col-lg-11 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}
.wi-col-lg-12 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-offset-lg-0 {
margin-left: 0;
}
.wi-offset-lg-1 {
margin-left: 8.33333%;
}
.wi-offset-lg-2 {
margin-left: 16.66667%;
}
.wi-offset-lg-3 {
margin-left: 25%;
}
.wi-offset-lg-4 {
margin-left: 33.33333%;
}
.wi-offset-lg-5 {
margin-left: 41.66667%;
}
.wi-offset-lg-6 {
margin-left: 50%;
}
.wi-offset-lg-7 {
margin-left: 58.33333%;
}
.wi-offset-lg-8 {
margin-left: 66.66667%;
}
.wi-offset-lg-9 {
margin-left: 75%;
}
.wi-offset-lg-10 {
margin-left: 83.33333%;
}
.wi-offset-lg-11 {
margin-left: 91.66667%;
}
.wi-g-lg-0,
.wi-gx-lg-0 {
--webinarignition-var-gutter-x: 0;
}
.wi-g-lg-0,
.wi-gy-lg-0 {
--webinarignition-var-gutter-y: 0;
}
.wi-g-lg-1,
.wi-gx-lg-1 {
--webinarignition-var-gutter-x: 0.25rem;
}
.wi-g-lg-1,
.wi-gy-lg-1 {
--webinarignition-var-gutter-y: 0.25rem;
}
.wi-g-lg-2,
.wi-gx-lg-2 {
--webinarignition-var-gutter-x: 0.5rem;
}
.wi-g-lg-2,
.wi-gy-lg-2 {
--webinarignition-var-gutter-y: 0.5rem;
}
.wi-g-lg-3,
.wi-gx-lg-3 {
--webinarignition-var-gutter-x: 1rem;
}
.wi-g-lg-3,
.wi-gy-lg-3 {
--webinarignition-var-gutter-y: 1rem;
}
.wi-g-lg-4,
.wi-gx-lg-4 {
--webinarignition-var-gutter-x: 1.5rem;
}
.wi-g-lg-4,
.wi-gy-lg-4 {
--webinarignition-var-gutter-y: 1.5rem;
}
.wi-g-lg-5,
.wi-gx-lg-5 {
--webinarignition-var-gutter-x: 3rem;
}
.wi-g-lg-5,
.wi-gy-lg-5 {
--webinarignition-var-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.wi-col-xl {
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.wi-row-cols-xl-auto > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-row-cols-xl-1 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-row-cols-xl-2 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-row-cols-xl-3 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-row-cols-xl-4 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-row-cols-xl-5 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.wi-row-cols-xl-6 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-xl-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-col-xl-1 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}
.wi-col-xl-2 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-xl-3 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-col-xl-4 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-col-xl-5 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}
.wi-col-xl-6 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-col-xl-7 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}
.wi-col-xl-8 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}
.wi-col-xl-9 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.wi-col-xl-10 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}
.wi-col-xl-11 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}
.wi-col-xl-12 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-offset-xl-0 {
margin-left: 0;
}
.wi-offset-xl-1 {
margin-left: 8.33333%;
}
.wi-offset-xl-2 {
margin-left: 16.66667%;
}
.wi-offset-xl-3 {
margin-left: 25%;
}
.wi-offset-xl-4 {
margin-left: 33.33333%;
}
.wi-offset-xl-5 {
margin-left: 41.66667%;
}
.wi-offset-xl-6 {
margin-left: 50%;
}
.wi-offset-xl-7 {
margin-left: 58.33333%;
}
.wi-offset-xl-8 {
margin-left: 66.66667%;
}
.wi-offset-xl-9 {
margin-left: 75%;
}
.wi-offset-xl-10 {
margin-left: 83.33333%;
}
.wi-offset-xl-11 {
margin-left: 91.66667%;
}
.wi-g-xl-0,
.wi-gx-xl-0 {
--webinarignition-var-gutter-x: 0;
}
.wi-g-xl-0,
.wi-gy-xl-0 {
--webinarignition-var-gutter-y: 0;
}
.wi-g-xl-1,
.wi-gx-xl-1 {
--webinarignition-var-gutter-x: 0.25rem;
}
.wi-g-xl-1,
.wi-gy-xl-1 {
--webinarignition-var-gutter-y: 0.25rem;
}
.wi-g-xl-2,
.wi-gx-xl-2 {
--webinarignition-var-gutter-x: 0.5rem;
}
.wi-g-xl-2,
.wi-gy-xl-2 {
--webinarignition-var-gutter-y: 0.5rem;
}
.wi-g-xl-3,
.wi-gx-xl-3 {
--webinarignition-var-gutter-x: 1rem;
}
.wi-g-xl-3,
.wi-gy-xl-3 {
--webinarignition-var-gutter-y: 1rem;
}
.wi-g-xl-4,
.wi-gx-xl-4 {
--webinarignition-var-gutter-x: 1.5rem;
}
.wi-g-xl-4,
.wi-gy-xl-4 {
--webinarignition-var-gutter-y: 1.5rem;
}
.wi-g-xl-5,
.wi-gx-xl-5 {
--webinarignition-var-gutter-x: 3rem;
}
.wi-g-xl-5,
.wi-gy-xl-5 {
--webinarignition-var-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.wi-col-xxl {
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.wi-row-cols-xxl-auto > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-row-cols-xxl-1 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-row-cols-xxl-2 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-row-cols-xxl-3 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-row-cols-xxl-4 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-row-cols-xxl-5 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.wi-row-cols-xxl-6 > * {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-xxl-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.wi-col-xxl-1 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%;
}
.wi-col-xxl-2 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%;
}
.wi-col-xxl-3 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.wi-col-xxl-4 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%;
}
.wi-col-xxl-5 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%;
}
.wi-col-xxl-6 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.wi-col-xxl-7 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%;
}
.wi-col-xxl-8 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%;
}
.wi-col-xxl-9 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.wi-col-xxl-10 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%;
}
.wi-col-xxl-11 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%;
}
.wi-col-xxl-12 {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.wi-offset-xxl-0 {
margin-left: 0;
}
.wi-offset-xxl-1 {
margin-left: 8.33333%;
}
.wi-offset-xxl-2 {
margin-left: 16.66667%;
}
.wi-offset-xxl-3 {
margin-left: 25%;
}
.wi-offset-xxl-4 {
margin-left: 33.33333%;
}
.wi-offset-xxl-5 {
margin-left: 41.66667%;
}
.wi-offset-xxl-6 {
margin-left: 50%;
}
.wi-offset-xxl-7 {
margin-left: 58.33333%;
}
.wi-offset-xxl-8 {
margin-left: 66.66667%;
}
.wi-offset-xxl-9 {
margin-left: 75%;
}
.wi-offset-xxl-10 {
margin-left: 83.33333%;
}
.wi-offset-xxl-11 {
margin-left: 91.66667%;
}
.wi-g-xxl-0,
.wi-gx-xxl-0 {
--webinarignition-var-gutter-x: 0;
}
.wi-g-xxl-0,
.wi-gy-xxl-0 {
--webinarignition-var-gutter-y: 0;
}
.wi-g-xxl-1,
.wi-gx-xxl-1 {
--webinarignition-var-gutter-x: 0.25rem;
}
.wi-g-xxl-1,
.wi-gy-xxl-1 {
--webinarignition-var-gutter-y: 0.25rem;
}
.wi-g-xxl-2,
.wi-gx-xxl-2 {
--webinarignition-var-gutter-x: 0.5rem;
}
.wi-g-xxl-2,
.wi-gy-xxl-2 {
--webinarignition-var-gutter-y: 0.5rem;
}
.wi-g-xxl-3,
.wi-gx-xxl-3 {
--webinarignition-var-gutter-x: 1rem;
}
.wi-g-xxl-3,
.wi-gy-xxl-3 {
--webinarignition-var-gutter-y: 1rem;
}
.wi-g-xxl-4,
.wi-gx-xxl-4 {
--webinarignition-var-gutter-x: 1.5rem;
}
.wi-g-xxl-4,
.wi-gy-xxl-4 {
--webinarignition-var-gutter-y: 1.5rem;
}
.wi-g-xxl-5,
.wi-gx-xxl-5 {
--webinarignition-var-gutter-x: 3rem;
}
.wi-g-xxl-5,
.wi-gy-xxl-5 {
--webinarignition-var-gutter-y: 3rem;
}
}.wi-lead{
font-size: 1.25rem;
font-weight: 300;
}.wi-display-1{
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-1 {
font-size: 5rem;
}
}.wi-display-2{
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-2 {
font-size: 4.5rem;
}
}.wi-display-3{
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-3 {
font-size: 4rem;
}
}.wi-display-4{
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-4 {
font-size: 3.5rem;
}
}.wi-display-5{
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-5 {
font-size: 3rem;
}
}.wi-display-6{
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.wi-display-6 {
font-size: 2.5rem;
}
}.wi-list-unstyled{
padding-left: 0;
list-style: none;
}.wi-list-inline{
padding-left: 0;
list-style: none;
}.wi-list-inline-item{
display: inline-block;
}.wi-list-inline-item:not(:last-child){
margin-right: 0.5rem;
}.wi-initialism{
font-size: 0.875em;
text-transform: uppercase;
}.wi-blockquote{
margin-bottom: 1rem;
font-size: 1.25rem;
}.wi-blockquote > :last-child{
margin-bottom: 0;
}.wi-blockquote-footer{
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}.wi-blockquote-footer::before{
content: "\2014\00A0";
}#webinarignition{
margin: 0;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}#webinarignition h1,
#webinarignition .wi-h1,
#webinarignition h2,
#webinarignition .wi-h2,
#webinarignition h3,
#webinarignition .wi-h3,
#webinarignition h4,
#webinarignition .wi-h4,
#webinarignition h5,
#webinarignition .wi-h5,
#webinarignition h6,
#webinarignition .wi-h6{
font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
}#webinarignition .wi-lead{
font-size: 1.25rem;
font-weight: 300;
}#webinarignition .wi-display-1{
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-1 {
font-size: 5rem;
}
}#webinarignition .wi-display-2{
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-2 {
font-size: 4.5rem;
}
}#webinarignition .wi-display-3{
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-3 {
font-size: 4rem;
}
}#webinarignition .wi-display-4{
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-4 {
font-size: 3.5rem;
}
}#webinarignition .wi-display-5{
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-5 {
font-size: 3rem;
}
}#webinarignition .wi-display-6{
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
#webinarignition .wi-display-6 {
font-size: 2.5rem;
}
}#webinarignition .wi-list-unstyled{
padding-left: 0;
list-style: none;
}#webinarignition .wi-list-inline{
padding-left: 0;
list-style: none;
}#webinarignition .wi-list-inline-item{
display: inline-block;
}#webinarignition .wi-list-inline-item:not(:last-child){
margin-right: 0.5rem;
}#webinarignition .wi-initialism{
font-size: 0.875em;
text-transform: uppercase;
}#webinarignition .wi-blockquote{
margin-bottom: 1rem;
font-size: 1.25rem;
}#webinarignition .wi-blockquote > :last-child{
margin-bottom: 0;
}#webinarignition .wi-blockquote-footer{
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}#webinarignition .wi-blockquote-footer::before{
content: "\2014\00A0";
}#webinarignition a{
text-decoration: none;
}.wi-nav{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin: 0 !important;
list-style: none;
}.wi-nav-link{
display: block;
padding: 0.5rem 1rem;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.wi-nav-link {
transition: none;
}
}.wi-nav-link.disabled{
color: #6c757d;
pointer-events: none;
cursor: default;
}.wi-nav-tabs{
border-bottom: 1px solid #dee2e6;
}
.webinar-modern-header-container{
display:flex;
flex-wrap: wrap;
align-items: center;
/* #A1041 — WI room chrome gray (not FSE/theme #fafafa white). */
background-color: var(--wi-room-chrome-bg, #ced4da);
max-width: 5500px;
padding: 0 12px 6px;
gap: 2%;
justify-content: space-between;
box-shadow: none;
}#webinarFooter+div{
background-color: var(--wi-room-chrome-bg, #ced4da);
}.webinar-modern-title-container{
padding: 4px 0;
flex: 1 1 auto;
min-width: 0;
}
/* The title truncates instead of wrapping on every width; the host name keeps
* its right alignment even when the avatar/photo is missing (it removes itself
* from the DOM on a 404), so the name no longer depends on the :has() match. */
.webinar-modern-title-container .wi-h4,
.webinar-host-name-container .wi-h4{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.webinar-host-name-container{
padding: 4px 0;
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
flex: 0 0 auto;
margin-left: auto;
}
/* Host photo next to the host name. The name stays the element that may truncate,
* the photo keeps a fixed size so it cannot squeeze the text out of the header. */
.webinar-host-name-container .wi-host-avatar{
flex: 0 0 auto;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.webinar-host-name-container .wi-host-avatar img{
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}
/* Host-only placeholder avatar shown when no photo is set yet. The person icon is the
* placeholder; a real photo renders on top and removes itself if it 404s. The whole slot
* is a link to Gravatar, so the host can add their photo in one click. Attendees never see
* this box. */
.webinar-host-name-container .wi-host-avatar--placeholder{
flex: 0 0 auto;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin-right: 4px;
border-radius: 50%;
overflow: hidden;
background: rgba(0,0,0,.07);
color: rgba(0,0,0,.4);
text-decoration: none;
transition: color .15s ease, box-shadow .15s ease;
}
.webinar-host-name-container .wi-host-avatar--placeholder svg{
width: 16px;
height: 16px;
fill: currentColor;
}
.webinar-host-name-container .wi-host-avatar--placeholder img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
}
.webinar-host-name-container .wi-host-avatar--placeholder:hover,
.webinar-host-name-container .wi-host-avatar--placeholder:focus{
color: #2b6cb0;
box-shadow: 0 0 0 2px rgba(43,108,176,.35);
}
@media screen and (max-width: 756px) {
.webinar-host-name-container .wi-host-avatar--placeholder {
width: 26px;
height: 26px;
}
.webinar-host-name-container .wi-host-avatar--placeholder svg {
width: 13px;
height: 13px;
}
}
/* Host-only gear that opens gravatar.com to edit the host photo. Sits to the right
* of the avatar, muted until hovered, and never competes with the host name. */
.webinar-host-name-container .wi-host-gravatar-edit{
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-left: 4px;
color: rgba(0,0,0,.45);
text-decoration: none;
}
.webinar-host-name-container .wi-host-gravatar-edit svg{
width: 15px;
height: 15px;
fill: currentColor;
}
.webinar-host-name-container .wi-host-gravatar-edit:hover,
.webinar-host-name-container .wi-host-gravatar-edit:focus{
color: #2b6cb0;
}
@media screen and (max-width: 756px) {
.webinar-host-name-container .wi-host-gravatar-edit {
width: 20px;
height: 20px;
}
.webinar-host-name-container .wi-host-gravatar-edit svg {
width: 13px;
height: 13px;
}
}
/* The avatar and its gear are one unit glued to the image — the name never sits
* between them. The gear always stays right next to the photo. */
.webinar-host-name-container .wi-host-avatar-group{
flex: 0 0 auto;
display: inline-flex;
align-items: center;
margin-right: 8px;
}
/* Inside the group the gear hugs the photo; spacing to the name comes from the group. */
.webinar-host-name-container .wi-host-avatar-group .wi-host-avatar{
margin-right: 0;
}
.webinar-host-name-container .wi-host-avatar-group .wi-host-gravatar-edit{
margin-left: 2px;
}
@media screen and (max-width: 756px) {
.webinar-host-name-container .wi-host-avatar img {
width: 26px;
height: 26px;
}
}
@media screen and (max-width: 756px) {
.webinar-host-name-container {
margin-left: 0 !important;
}
}
/* Stacked room (same breakpoint as the sidebar-below-video layout): the header stays on one
* line — the webinar title takes the remaining width (truncating with "…" when long, it is
* also in the tab title and the join mail), the countdown sits inline, and the host name is
* right-aligned on the same line. The name never shrinks past its content (short and says who
* is presenting) and is capped so it cannot squeeze the title out. */
@media screen and (max-width: 991px) {
#webinarHeader .webinar-modern-header-container {
flex-wrap: nowrap;
align-items: center;
gap: 8px;
}
#webinarHeader .webinar-host-name-container {
flex: 0 0 auto;
min-width: 0;
max-width: 50%;
text-align: right;
}
}.wi-nav-tabs .wi-nav-item{
list-style-type: none;
list-style: none;
margin: 0;
}.wi-nav-tabs .wi-nav-link{
margin-bottom: -1px;
background: none;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}.wi-nav-tabs .wi-nav-link:hover,
.wi-nav-tabs .wi-nav-link:focus{
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate;
}.wi-nav-tabs .wi-nav-link.disabled{
color: #6c757d;
background-color: transparent;
border-color: transparent;
}.wi-nav-tabs .wi-nav-link.active,
.wi-nav-tabs .wi-nav-item.show .wi-nav-link{
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}.wi-nav-tabs .wi-dropdown-menu{
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}.wi-nav-pills .wi-nav-link{
background: none;
border: 0;
border-radius: 0.25rem;
}.wi-nav-pills .wi-nav-link.active,
.wi-nav-pills .show > .wi-nav-link{
color: #fff;
background-color: #0d6efd;
}.wi-nav-fill > .wi-nav-link,
.wi-nav-fill .wi-nav-item{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}.wi-nav-justified > .wi-nav-link,
.wi-nav-justified .wi-nav-item{
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}.wi-nav-fill .wi-nav-item .wi-nav-link,
.wi-nav-justified .wi-nav-item .wi-nav-link{
width: 100%;
}.wi-tab-content{
position: relative;
max-height: none;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}.wi-tab-content > .wi-tab-pane{
/* position: absolute; */
width: auto;
/* height: auto !important; */
/* visibility: hidden;
opacity: 0; */
display: none;
}.wi-tab-content > .active{
display: block;
flex: 1 1 auto;
min-height: 0;
padding: 1rem;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
height: auto;
}
@media screen and (min-width: 992px) {
.wi-tab-content > .active {
height: 100%;
}
/* Live chat/Q&A: keep scroll on #chatQAMessages, not the whole tab (nested scroll + trackpad on macOS). */
.wi-tab-content > .wi-tab-pane.wi-live-qa-pane.active,
body#webinarignition.webinar_page #webinarSidebar .wi-tab-content > .wi-tab-pane.active:has(#chatQA),
body#webinarignition.webinar_page #webinarSidebarSlot .wi-tab-content > .wi-tab-pane.active:has(#chatQA) {
display: flex;
flex-direction: column;
min-height: 0;
overflow-x: hidden;
overflow-y: hidden;
box-sizing: border-box;
padding: 4px 8px;
}
}
@media screen and (max-width: 991px) {
/* #A1042 — In-flow slim footer: no reserved 90px pad, no fixed footer height inflation. */
body#webinarignition.webinar_page,
.webinar_page_modern {
padding-bottom: 0 !important;
box-sizing: border-box;
}
body#webinarignition.webinar_page #webinarFooter,
.webinar_page_modern #webinarFooter {
position: static !important;
bottom: auto;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
z-index: 100;
font-size: 14px;
height: auto !important;
flex: 0 0 auto !important;
background: var(--wi-room-chrome-bg, #ced4da);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);
}
#webinarignition.webinar_page_modern .webinar-modern-title-container .wi-h4,
#webinarignition.webinar_page_modern .webinar-host-name-container .wi-h4 {
font-size: 16px;
}
/* Mobile CTA fill: video stacks on top, sidebar fills remaining height below (#A001). */
#webinarContent {
display: flex;
flex-direction: column;
}
#webinar-content-container-X {
display: flex !important;
flex: 1 1 auto;
min-height: 0;
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#webinarVideo {
flex: 0 0 auto;
order: 1;
}
#webinarSidebar,
#webinarSidebarSlot {
flex: 0 0 auto;
order: 2;
width: 100% !important;
min-height: 0;
overflow-y: visible;
}
body#webinarignition.webinar_page #webinarSidebar #webinarTabsContent > .webinarTabsContent-inner > .wi-tab-content,
body#webinarignition.webinar_page #webinarSidebarSlot #webinarTabsContent > .webinarTabsContent-inner > .wi-tab-content {
overflow: visible !important;
height: auto !important;
max-height: none !important;
}
body#webinarignition.webinar_page #webinarSidebar #webinarTabsContent .wi-tab-pane.active,
body#webinarignition.webinar_page #webinarSidebarSlot #webinarTabsContent .wi-tab-pane.active {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}
/* #A002/#A004/#A005 — Cap video on mobile; 100ms room needs more vertical room than 16:9 embeds.
:has() picks integration before JS debounce; overflow + relative CTA avoid sidebar "behind video". */
#webinarContent #webinarVideo:not(:has(.webinarVideoCtaCombined.wi-100ms-layout)):not(:has(#vidBox.wi-100ms-vidbox)):not(:has(#vidBox.wi-embedded-vidbox)):not(:has(#vidBox.vidBoxjs)):not(:has(#vidBox > video)) {
max-height: min(50vh, 50dvh) !important;
overflow: hidden !important;
}
/* #A006: JS is single-source of height for 100ms — CSS cap caused clipping of Join Now
on participant mobile (admin-bar shrinks effective cap differently than participants). */
#webinarContent #webinarVideo:has(.webinarVideoCtaCombined.wi-100ms-layout),
#webinarContent #webinarVideo:has(#vidBox.wi-100ms-vidbox),
#webinarContent #webinarVideo:has(#vidBox.wi-embedded-vidbox) {
max-height: none !important;
overflow: hidden !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs),
#webinarContent #webinarVideo:has(#vidBox > video) {
max-height: none !important;
overflow: hidden !important;
align-self: flex-start !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #vidBox,
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) .webinarVideoCtaCombined,
#webinarContent #webinarVideo:has(#vidBox > video) #vidBox,
#webinarContent #webinarVideo:has(#vidBox > video) .webinarVideoCtaCombined {
max-height: none !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) .webinarVideoCTA .timedUnderAreaOverlay.wi-cta-tab,
#webinarContent #webinarVideo:has(#vidBox > video) .webinarVideoCTA .timedUnderAreaOverlay.wi-cta-tab {
max-height: var(--wi-live-overlay-cta-slot-px, min(50vh, 50dvh)) !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #autoReplay.video-js,
#webinarContent #webinarVideo:has(#vidBox > video) #autoReplay.video-js {
padding-top: 0 !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #autoReplay .vjs-tech,
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #vidBox .vjs-tech {
object-fit: contain !important;
object-position: top center !important;
}
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #vidBox,
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) #autoReplay,
#webinarContent #webinarVideo:has(#vidBox.vidBoxjs) .webinarVideo {
overflow: hidden !important;
}
/* #A735b — 100ms HMS iframe can bleed onto sidebar tabs on mobile Safari; stack sidebar above video. */
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox) #webinarVideo,
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout) #webinarVideo {
position: relative !important;
z-index: 1 !important;
}
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox) #webinarSidebar,
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout) #webinarSidebar,
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox) #webinarSidebarSlot,
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout) #webinarSidebarSlot {
position: relative !important;
z-index: 3 !important;
}
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox) #webinarTabs,
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout) #webinarTabs {
position: relative !important;
z-index: 4 !important;
}
#webinarContent #webinarVideo:not(:has(.webinarVideoCtaCombined.wi-100ms-layout)):not(:has(#vidBox.wi-100ms-vidbox)):not(:has(#vidBox.wi-embedded-vidbox)) #vidBox,
#webinarContent #webinarVideo:not(:has(.webinarVideoCtaCombined.wi-100ms-layout)):not(:has(#vidBox.wi-100ms-vidbox)):not(:has(#vidBox.wi-embedded-vidbox)) .webinarVideoCtaCombined {
max-height: min(50vh, 50dvh) !important;
}
#webinarContent #webinarVideo:has(.webinarVideoCtaCombined.wi-100ms-layout) #vidBox,
#webinarContent #webinarVideo:has(.webinarVideoCtaCombined.wi-100ms-layout) .webinarVideoCtaCombined,
#webinarContent #webinarVideo:has(#vidBox.wi-100ms-vidbox) #vidBox,
#webinarContent #webinarVideo:has(#vidBox.wi-100ms-vidbox) .webinarVideoCtaCombined,
#webinarContent #webinarVideo:has(#vidBox.wi-embedded-vidbox) #vidBox,
#webinarContent #webinarVideo:has(#vidBox.wi-embedded-vidbox) .webinarVideoCtaCombined {
max-height: none !important;
}
#webinarContent #webinarVideo .webinarVideoCtaCombined {
position: relative !important;
}
}.webinar-video-sidebar-comb{
display: flex;
width: 100%;
}.webinar-video-sidebar-comb .webinarVideo{
width: 70%;
}.webinarVideo{
position: relative;
}
/* 100ms room: keep the column behind the meeting iframe black instead of the room chrome colour,
* so sub-pixel rounding can never read as a coloured band under the player. Scoped to pages that
* actually host a 100ms room — registration, thank-you and embed pages are untouched. */
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox),
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout),
body#webinarignition.webinar_page #webinarContent:has(#vidBox.wi-100ms-vidbox) #webinarVideo,
body#webinarignition.webinar_page #webinarContent:has(.webinarVideoCtaCombined.wi-100ms-layout) #webinarVideo{
background: #000;
}
/* Pro-upgrade notice inside the video slot: wi_render_100ms_license_blocked_live_message()
* (inc/wi-100ms-streaming__premium_only.php) includes templates/notices/pro-notice.php directly
* inside #vidBox when 100ms is configured but the active license does not cover it. setVideoRatio()
* in webinar-modern-a312.js writes an inline height + padding-bottom onto every ![]()
inside #vidBox
* (except #mobile-play-button) so a real video poster always fills the box — the notice's flame,
* lock and padlock icons are ordinary content images, not a poster, so that inline height blows them
* up to the full room height. Only !important can beat an inline style; scoped to #vidBox so it can
* never reach the same notice in wp-admin, the separate CTA-embed-removed notice elsewhere in the
* room, or Registration/Thank-you/Grid/Footer (#vidBox only exists in the live/replay video markup).
* Card width/centering needs no !important: #vidBox … already outweighs the bare .ultimate-container
* rule in css/notices-style.css by selector specificity. */
#vidBox .ultimate-container img{
height: auto !important;
padding-bottom: 0 !important;
}
#vidBox .ultimate-container{
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
/* 100ms meeting iframe: clip outer #vidBox + flex-fill so iframe always uses full available
* height/width (#A734 — fix tiny video on portrait + admin desktop preview). */#vidBox.wi-100ms-vidbox{
overflow: hidden;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
padding: 0;
background: #000;
}#vidBox.wi-100ms-vidbox > .wi-hms-root,
#vidBox.wi-100ms-vidbox #wi-hms-root{
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0; /* override inline min-height:min(560px,80vh) so flex parent decides height */
display: flex;
}#vidBox.wi-100ms-vidbox #wi-hms-root > iframe,
#vidBox.wi-100ms-vidbox iframe{
display: block;
flex: 1 1 auto;
width: 100% !important;
max-width: 100%;
height: 100% !important;
min-height: 100%;
border: 0;
/* #A006 splash: iframe fades in after 100ms app shell renders; prevents white flash */
opacity: 0;
transition: opacity 0.25s ease;
}#vidBox.wi-100ms-vidbox #wi-hms-root > iframe.wi-hms-ready,
#vidBox.wi-100ms-vidbox iframe.wi-hms-ready{
opacity: 1;
}
/* Plain iframe embed (auto/live) must not inherit 100ms fade-in (no .wi-hms-ready). */#vidBox.wi-100ms-vidbox:not(:has(#wi-hms-root)):not(:has(.wi-hms-root)) > iframe{
opacity: 1;
}#vidBox.wi-embedded-vidbox{
overflow: hidden;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0;
background: #000;
}#vidBox.wi-embedded-vidbox > iframe{
display: block;
flex: 1 1 auto;
width: 100% !important;
max-width: 100%;
height: 100% !important;
min-height: 100%;
border: 0;
opacity: 1;
}
/* P121: evergreen YouTube reuses the live .youtube-video-container markup, but #vidBox does not
always get the .wi-embedded-vidbox class (it is not a plain