.sub-feature-webinar { background: #262626; text-align: center; padding-top: 60px; }
.sub-feature-webinar a, .sub-feature-webinar p { color:#FFF; }
.sub-feature-webinar strong { background-image: linear-gradient(45deg, #42c058, #f7f96f 80%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub-feature-webinar .more:after { color: #f7f96f; }

.sub-feature-webinar-overlay-wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(2px); background-color: rgba(255, 255, 255, 0.9); z-index: 10; }
.sub-feature-webinar-overlay { width: 780px; height: auto; background-color: #000; padding: 44px; background-image: url(/home/sub-features/2022/webinar-overlay/images/engage_border.jpg); background-size: cover; }
.sub-feature-webinar-overlay-content { background-color: #fff; padding: 40px 84px; position: relative; }
.sub-feature-webinar-heading { margin-bottom: 40px; }

.sub-feature-webinar-overlay-content .accent-before-thick:before { background-size: 84px 84px; width: 84px; height: 84px; margin-bottom: 0; background-image: url(/home/sub-features/2022/webinar-overlay/images/bright-accent-before-thick.svg); }
.sub-feature-webinar-overlay-content .accent-after-thick:after { background-size: 84px 84px; width: 84px; height: 84px; margin-top: 0; background-image: url(/home/sub-features/2022/webinar-overlay/images/bright-accent-after-thick.svg);}

.sub-feature-main-header { font-size: 31px; font-weight: 300; line-height: 54px; margin-bottom: 4px; }
.sub-feature-sub-header { font-size: 47px; line-height: 54px; font-family: "SF PRO DISPLAY"; }


.sub-feature-webinar-date { margin-bottom: 30px; font-size: 30px; line-height: 36px; }
.sub-feature-webinar-action .btn { border-radius: 0; padding: 8px 32px; }

.sub-feature-webinar-close-wrapper { position: absolute; top: 24px; right: 24px; }
.sub-feature-webinar-close { background-image: url(/interactive/themes/arctic/images/close_button_2x.png); background-size: 26px 26px; width: 26px; height: 26px; cursor: pointer; }


@media only screen and (max-width: 1068px){
	.sub-feature-engage { padding-top: 48px;}	
}

@media only screen and (max-width: 600px){
	/*.sub-feature-webinar-heading { margin-bottom: 120px; }*/
	.sub-feature-webinar-overlay-content { padding: 20px; }
	.sub-feature-main-header { font-size: 22px; }
	.sub-feature-sub-header { font-size: 31px; line-height: 33px; }
	.sub-feature-webinar-date { font-size: 20px; }
}