/*
	========================================
	Base Styles
	========================================
*/

*, *::before, *::after { box-sizing: border-box; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
input, button, textarea, select { font: inherit; }
body { color: #3D3F42; font-size: 16px; line-height: 1.7; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; } /* 2021-10-22 */
h1 { font-weight: 300; }
h2, h3, h4, h5, h6 { font-weight: 400; }
h1 { font-size: 28px; line-height: 1.43; } /* 2021-10-22 */
h2 { font-size: 24px; line-height: 1.5; }
h3 { font-size: 20px; line-height: 1.6; }
h4 { font-size: 18px; line-height: 1.55; }
p  { font-size: 16px; line-height: 1.7; margin: 1em 0; }
ul, ol { margin: 10px 20px; padding: 0; }
li { font-size: 16px; line-height: 1.7; margin: 0 0 10px 20px; }
.ar li { margin: 0 20px 10px 0; }
li:last-child { margin-bottom: 0; }
a { font-weight: 700; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: none; }
.mktoText a { border-bottom: 1px solid transparent; }
.mktoText a:hover, .mktoText a:focus, .mktoText a:active { border-bottom-color: inherit; }

@media screen and (min-width: 780px)  {
    h1 { font-size: 38px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; line-height: 1.5; }
    h4 { font-size: 20px; line-height: 1.65; } /* 2021-10-22 */
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.container { position: relative; }
.container > .inner { margin: auto; max-width: 700px; min-width: 240px; padding: 0 10px; }
.container.footer > .inner, .container.header > .inner { max-width: 1280px; }
@media screen and (min-width: 780px) {
	.container > .inner { max-width: 1100px; }
	.inner.inner_narrow { max-width: 800px; }
}

.wrap_inner { margin: auto; max-width: 1140px; padding: 0 20px; } /* 2021-10-22 */

/* add clearfix to ul, since some of this template's uls utilizes floats */
ul:before, ul:after { content: " "; display: table; }
ul:after { clear: both; }

h1 + .btn, h2 + .btn, h3 + .btn, h4 + .btn, h5 + .btn, h6 + .btn, p + .btn, ul + .btn, ol + .btn, span + .btn, .mktoText + .btn { margin-top: 20px; margin-bottom: 10px; }
.btn + h1, .btn + h2, .btn + h3, .btn + h4, .btn + h5, .btn h6, .btn + p, .btn + ul, .btn + ol, .btn + span, .btn + .mktoText { margin-top: 20px; }

.text_styles-default { color: #3D3F42 !important; }
.text_styles-default a, .text_styles-default a:hover, .text_styles-default a:focus, .text_styles-default a:active, .text_styles-default a:visited { color: #3E75CF !important; }
.text_styles-white { color: #FFF !important; }
.text_styles-white a, .text_styles-white a:hover, .text_styles-white a:focus, .text_styles-white a:active, .text_styles-white a:visited { color: #FFF !important; }

/*
	=========================================
	Flexbox
	=========================================
*/

.flex_item img { max-width: 540px; width: 100%; }
.flex_item-img { text-align: center; }
.flex_item + .flex_item { padding-top: 20px; }

@media (min-width: 780px) {
	.flex_wrap { align-items: flex-start; display: flex; width: 100%; }
	.flex_item { flex: 1; margin: 0 auto; max-width: 780px; }
	.flex_item:first-child { padding-right: 20px; }
	.flex_item:not(:first-child){ padding-left: 20px; }
	.flex_item + .flex_item { padding-top: 0; }
}

/*
	=========================================
	Buttons
	=========================================
*/

.btn a {
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(39,41,42,0.25);
	box-shadow: 0 2px 2px 0 rgba(39,41,42,0.25);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 600;
	margin: 0 auto; 
	min-height: 40px;
	padding: 0 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.btn a:hover,
.btn a:focus,
.btn a:active { -webkit-box-shadow: 0 2px 4px 2px rgba(39,41,42,0.3); box-shadow: 0 2px 4px 2px rgba(39,41,42,0.3); cursor: pointer; }
.btn a div { color: inherit; } /* fix marketo color on div elements */

/* disco */
.btn-primary a { background-color: #B41782; border: none; color: #fff; }
.btn-primary a:hover,
.btn-primary a:focus,
.btn-primary a:active { background-color: #901268; }

.btn-primary--reverse a { background-color: #fff; border: 1px solid #B41782; color: #B41782; }
.btn-primary--reverse a:hover,
.btn-primary--reverse a:focus,
.btn-primary--reverse a:active { background-color: #901268; border: 1px solid #901268; color: #fff; }

/* mblue */
.btn-secondary a { background-color: #3E75CF; border: none; color: #fff; }
.btn-secondary a:hover,
.btn-secondary a:focus,
.btn-secondary a:active { background-color: #2F589B; }

.btn-secondary--reverse a { background-color: #fff; border: 1px solid #3E75CF; color: #3E75CF; }
.btn-secondary--reverse a:hover,
.btn-secondary--reverse a:focus,
.btn-secondary--reverse a:active { background-color: #2F589B; border: 1px solid #2F589B; color: #fff; }

/* lagoon */
.btn-tertiary a { background-color: #00758D; border: none; color: #fff; }
.btn-tertiary a:hover,
.btn-tertiary a:focus,
.btn-tertiary a:active { background-color: #00586A; }

.btn-tertiary--reverse a { background-color: #fff; border: 1px solid #00758D; color: #00758D; }
.btn-tertiary--reverse a:hover,
.btn-tertiary--reverse a:focus,
.btn-tertiary--reverse a:active { background-color: #00586A; border: 1px solid #00586A; color: #fff; }

/* opaque */
.btn-opaque a { background-color: rgba(255,255,255,0.15); border: 1px solid #fff; color: #fff; }
.btn-opaque a:hover,
.btn-opaque a:focus,
.btn-opaque a:active { background-color: rgba(255,255,255,0.9); color: #3D3F42; }

/* movelist */
.btn-novelist a { background-color: #E47708; border: none; color: #fff; font-weight: 600; font-size: 19px; line-height: 1.4; }
.btn-novelist a:hover,
.btn-novelist a:focus,
.btn-novelist a:active { background-color: #BD6207; }

.btn-novelist--reverse a { background-color: #fff; border: 1px solid #E47708; color: #E47708; font-weight: 600; font-size: 19px; line-height: 1.4; }
.btn-novelist--reverse a:hover,
.btn-novelist--reverse a:focus,
.btn-novelist--reverse a:active { background-color: #BD6207; border: 1px solid #BD6207; color: #fff; }

@media screen and (min-width: 780px) {
	.btn.formlink { display: none !important; }
}

/*
	=========================================
	Sticky Footer
	=========================================

	Assumed Markup:

	<body>
		<div class="sf_wrap">
			<div class="sf_wrap-content"></div>
			<footer></footer>
		</div>
	</body>
*/

.sf_wrap { display: flex; flex-direction: column; min-height: 100vh; }
.sf_wrap-content { flex: 1 0 auto; }

/*
	=========================================
	Header and Hero

	hero_bg_image-ctr = centered hero qualifier
	hero_bg_image = cmpn hero default
	hero_std = standard without overlap
	header-logo = centered logo only
	=========================================
*/

/* Header */
.header-logo { padding: 30px 20px 0; }
.header-logo img { display: block; height: auto; margin: 0 auto; max-height: 75px; max-width: 100%; } /* 2022-03-09 */
.header { padding: 15px 10px; position: relative; z-index: 2; }
.hero_bg_image-ctr .header { text-align: center; }
.header ul { margin: 0; padding: 0; text-align: center; }
.header li { display: inline-flex; font-size:18px; list-style-type: none; margin: 0; }
.header li a { color: inherit; font-size: 26px; padding: 0 .5em; }
.header .hashtag { display: block;  margin: 0; padding: 5px 0 8px; }
.header .hashtag:before { content: "#"; }
.header .logo { text-align: center; }
.header .logo img { height: auto; max-height: 75px; max-width: calc(100% - 40px); }
.hero_bg_image-ctr .header .logo,
.header.header-ctr .logo { position: unset; text-align: center; transform: none; }

@media screen and (min-width: 550px) {
	.header { text-align: left; }
	.header.header-ar { text-align: right; }
}

@media screen and (min-width: 780px) {
	.header li a { padding: 0 0 0 1em; }
	.header.header-ar li a { padding: 0 1em 0 0; }
	.header nav { float: right; clear: right; }
	.header.header-ar nav { float: left; clear: left; }
	.header #facebookAnchor { padding-left: 100px; }
	.header.header-ar #facebookAnchor { padding-left: 0; padding-right: 100px; }
	.header li { font-size: 20px; }
	.header .logo { position: absolute; text-align: left; top: 50%; transform: translate(0%,-50%); }
	.header .logo a { display: inline-block; }
	.header .logo img { height: 30px !important; vertical-align: middle; max-height:unset; max-width: unset; }
	.header .social { display: inline-flex; vertical-align: middle; }
}

/* Hero */
.hero_bg_image { background-size: cover; background-position: center; background-repeat: repeat-x; min-height: 500px; position: relative; }
.hero_bg_image.hero_bg_image-ctr { min-height: 0; }
.hero_bg_image.hero_bg_image-short { min-height:unset; padding-bottom:40px; }
.hero_text-wrap { margin: 0 auto; max-width: 1280px; position: relative; z-index: 2; }
.hero_text { margin: 0 25px; padding: 20px 0 0; text-align: center; }
.hero_bg_image-ctr .hero_text {	margin: 0 auto; max-width: 780px; padding: 15px 10px 20px; text-align: center; width: 100%; }
.hero_text .subhead { font-size: 18px; line-height: 28px; }
.hero_foreground-img--cmpgn { max-height: 400px; position: relative; text-align: center; top: 50px; }
.hero_foreground-img--cmpgn img { display: block; margin: 0 auto; max-height: 400px; max-width: 500px; padding: 0 10px; width: 100%; }
.hero_std { min-height: unset; }
.hero_std .video_wrap { padding-top: 0; }
#bgvid { background-repeat: no-repeat; background-size: cover; min-width: 100%; position: absolute; top: 0; transition: 1s opacity; }

@media screen and (max-width: 800px) {
	#bgvid { display: none !important; }
}
@media screen and (min-width: 780px) {
	.hero_text { padding: 50px 0 0; }
}
@media screen and (min-width: 960px) {
	.hero_text { margin: 0 0 0 30px; padding-right: 40px; text-align: left; width: calc(50% - 30px); }
	.hero_text-wrap-ar .hero_text { margin: 0 30px 0 0; padding-left: 40px; text-align: right; }
	.hero_text .subhead { font-size: 20px; line-height: 33px; }
	.hero_foreground-img--cmpgn { display: block; position: absolute; right: 25px; top: 175px; width: calc(50% - 25px); z-index: 1; }
	.hero_text-wrap-ar .hero_foreground-img--cmpgn { left: 25px; right: unset; }
	.hero_foreground-img--cmpgn img { margin: 0; max-width: unset; padding: 0; }
}
@media screen and (min-width: 1100px) {
	.hero_text { margin: 0 0 0 50px; width: calc(50% - 50px); }
	.hero_text-wrap-ar .hero_text { margin: 0 50px 0 0;  }
	.hero_foreground-img--cmpgn img { max-width: 540px; }
}
@media screen and (min-width:1280px) {
	.hero_bg_image-short .hero_text { margin-left: 100px; width: calc(50% - 100px); }
}

/*
	=========================================
	All Sections: Vertical Rhythm
	=========================================
*/

.section_3card,
.section_cta { padding: 40px 0; }
.section_carousel { padding: 60px 0; }
.section_stack-even .section_carousel { padding: 0; }
.section_intro { padding: 70px 0 30px; }
.section_stack-even,
.section_stack-rl { padding: 20px 0 0; }
.section_stack-even.section_stack-vdivider { padding: 60px 0 0; }
.section_stack-even.section_stack-sidebar { padding-top: 0; }
.section_std { margin:0 auto; padding:40px 0; width:100%; } /* standard */

@media screen and (min-width: 780px) {
	.section_intro { padding-bottom: 50px; }
	.section_stack-even.section_stack-sidebar { padding-top: 40px; }
}

/*
	=========================================
	Section: Introduction
	=========================================
*/

.section_intro--content { margin: 0 auto; max-width: 940px; }
.section_intro li { list-style-type: none; margin: 10px 0; padding-left: 40px; position: relative; }
.section_intro ul { margin: 10px 0; }
.section_intro ul li:before { background-repeat: no-repeat; content: ""; height: 26px; left: 0; position: absolute; top: 3px; width: 26px; }
.section_intro.section_intro-ar ul li:before { left: unset; right: 0; }
.section_intro.section_intro-ar ul li { left: unset; padding-right: 35px; right: 0; }

@media screen and (min-width: 780px) {
	.section_intro.section_intro-ar li { float: right; }
	.section_intro li { float: left; width: 47%; }
	.section_intro li:nth-of-type(2n-1) { margin-right: 5%; }
	.section_intro.section_intro-ar li:nth-of-type(2n-1) { margin-right: 0; }
}


/*
	=========================================
	Section: Special Bullets (Webinar)
	=========================================
*/
.section_bullets li { list-style-type: none; margin: 10px 0; padding-left: 40px; position: relative; }
.section_bullets ul { margin: 10px 0; }
.section_bullets ul li:before { background-repeat: no-repeat; content: ""; height: 25px; left: 0; position: absolute; top: 3px; width: 25px; }
.section_bullets.section_bullets-ar ul li:before { left: unset; right: 0; }
.section_bullets.section_bullets-ar ul li { left: unset; padding-right: 35px; right: 0; }

/*
	=========================================
	Section: Stories - Left and Right Stack
	=========================================
*/

.divider hr { border: 0; height: 1px; margin: 0 auto; }
.section_stack-rl { margin: 0 auto; }
.section_stack-rl .btn { text-align: center; }
.section_stack-rl .row_2col { margin: 0; padding: 40px 0; }
.section_stack-rl .text { margin: 0; padding: 20px 0 0; text-align: left; }
.section_stack-rl.section_stack-rl-ar .text { text-align: right; }
.section_stack-rl .img img { border-radius: 12px; display: block; margin: 0 auto; width: 100%; }

@media (min-width: 780px) {
	.section_stack-rl .btn { text-align: unset; }
	.section_stack-rl .text { padding: 0; width: calc(55% - 40px); }
	.section_stack-rl .img { width: 45%; }
	.row_2col-img-r .text { float: left; margin-right: 40px; }
	.row_2col-img-r .img { float: right; }
	.row_2col-img-l .text { float: right; margin-left: 40px; }
	.row_2col-img-l .img { float: left; }
}
@media (min-width: 960px) {
	.section_stack-rl .text { width: calc(100% - 500px); }
	.section_stack-rl .img { width: 460px; }
}

/*
	=========================================
	Section: 2 Column Even Stack
	=========================================
*/
	
.section_stack-even { margin: 0 auto; }
.section_stack-even .btn { text-align: center; }
.section_stack-even .divider hr { background-color: #D9DADB; height: 2px; margin: 40px 0; }
.section_stack-even .row_2col { margin: 0; padding: 0 0 40px 0; }
.section_stack-even .col1 { margin: 0; padding: 0; text-align: left; }
.section_stack-even.section_stack-even-ar .col1 { text-align: right; }
.section_stack-even .section_carousel img { border-radius: 12px; display: block; margin: 0 auto; max-width: 380px; width: 100%; }
.section_stack-subhead { padding: 10px 0; } /* carousel lp */

@media (min-width: 780px) {
	.section_stack-even .divider hr { display: none; }
	.section_stack-even .btn { text-align: unset; }

	.section_stack-even .col1 { width: calc( 50% - 40px ); }
	.section_stack-even .row_2col-rev .col2of2 { float: left; margin-right: 40px; }
	.section_stack-even .row_2col-rev .col1of2 { float: right; }
	.section_stack-even .row_2col-std .col2of2 { float: right; margin-left: 40px; }
	.section_stack-even .row_2col-std .col1of2 { float: left; }

	.section_stack-even.section_stack-vdivider .col1 { width:calc(50% - 20px); }
	.section_stack-even.section_stack-vdivider .row_2col-rev .col2of2 { border-right: 2px solid #D9DADB; padding-right: 20px; }
	.section_stack-even.section_stack-vdivider .row_2col-rev .col1of2 { padding-left: 20px; }
	.section_stack-even.section_stack-vdivider .row_2col-std .col2of2 { border-left: 2px solid #D9DADB; padding-left: 20px; }
	.section_stack-even.section_stack-vdivider .row_2col-std .col1of2 { padding-right: 20px; }
}

/*
	=========================================
	Section: 2 Column Sidebar Stack
	=========================================
*/

.container.section_stack-sidebar { position: unset; }
.section_stack-sidebar > .inner { max-width: 780px; padding: 0; }
.section_stack-sidebar .col1of2 #details { padding: 0 20px 10px; } 
.section_stack-sidebar .col2of2 { margin-bottom: 40px; padding: 30px 20px 20px; }
.section_stack-sidebar.section_stack-sidebar-ar .col1 { text-align: right; }

@media screen and (min-width: 780px) {
	.section_stack-sidebar .col2of2 { border-radius: 12px; margin-bottom: 0; padding-left: 40px; padding-right:40px; }
	.section_stack-sidebar > .inner { max-width: 1100px; padding: 0 10px; }
}

@media screen and (min-width: 960px) {
	.section_stack-sidebar .col2of2 { left: calc(50% - 10px); max-width: 500px; position: absolute; top: 107px; z-index: 2; }
	.section_stack-sidebar.section_stack-sidebar-ar .col2of2 { right: calc(50% - 10px); max-width: 500px; position: absolute; top: 107px; }
}

@media screen and (min-width: 1100px) {
	.section_stack-sidebar .col2of2 { left: 50%; }
	.section_stack-sidebar.section_stack-sidebar-ar .col2of2 {right: 50%; }
}

/*
	=========================================
	Section: Speaker Img Stack
	=========================================
*/

.row_speaker img { border-radius: 50%; max-width: 75px; width: 100%; }
.row_speaker .img { margin-bottom: 20px; text-align: left; width: 100%; }

@media screen and (min-width: 550px) {
	.row_speaker .img { float: left; margin-bottom: 0; max-width: 75px; width: 25%; }
	.row_speaker .text { float: right; width: 75%; }
	.section_list-speakers-ar .row_speaker .img { float: right; }
	.section_list-speakers-ar .row_speaker .text { float: left; }
}

@media screen and (min-width: 780px) {
	.row_speaker .text { padding-left: 5%; }
	.section_list-speakers-ar .row_speaker .text { padding-right: 5%; }
}

@media screen and (min-width: 960px) {
	.row_speaker .text { padding-left: 0; }
	.section_list-speakers-ar .row_speaker .text { padding-right: 0; }
}

/*
	=========================================
	Sections: Hero, Left / Right Stack - VIDEO
	=========================================
*/

.video_wrap,
.video_wrap-fg { height: 0; margin: 0 auto; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; position: relative; }
.video_wrap-fg { padding-top: 0; }
.video_wrap iframe,
.video_wrap-fg iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video_wrap-fg iframe { padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 550px) { .video_wrap-fg { max-width: 650px; top: -25px; } }
@media screen and (min-width: 780px) { .video_wrap-fg { top: -50px; } }

/*
	=========================================
	Carousel
	=========================================
*/

.section_carousel { background-repeat: no-repeat; background-position: top center; background-size: cover; }
.section_carousel .inner { position: relative; }
.carousel_quote-icon { position: absolute; left: calc(50% - 35px); top: -35px; z-index: 1; } /* 70px width of icon */
.divider-short hr { border: 0; height: 1px; margin: 10px auto; width: 140px; }
.quote-link { margin-top: 10px; }
.slick-lp { border-radius: 12px; padding: 40px 0; }
.section_stack-even .slick-lp { padding-top: 0; }
.slick_carousel-content { margin: 0 auto; padding: 20px 0 40px; text-align: center; width: 85%; }
.section_stack-even .slick_carousel-content { padding: 0 0 40px; }
.section_stack-even .slick_carousel-content img { margin-bottom: 20px; }
.slick-dots { bottom: 20px; display: flex; justify-content: center; left: calc(50% - 55px); list-style-type: none; margin: 0 auto; padding: 1rem 0; position: absolute; }
.slick-dots button { background-color: #fff; border-width: 1px; border-style: solid; border-radius: 100%; box-shadow: none; display: block; height: 1rem; padding: 0; text-indent: -9999px; width: 1rem; }
.slick-dots li { margin: 0 10px; }
.section_stack-even .section_carousel .slick-dots { left: calc(50% - 55px); right: unset; }

@media screen and (min-width: 780px) {
	.section_stack-even .slick-lp { padding-top: 40px; }
	.section_stack-even .section_carousel { border: 1px solid #D9DADB; border-radius: 12px; }
}

@media screen and (min-width: 960px) {
	.carousel_quote-icon { left: 25px; }
	.section_carousel-ar .carousel_quote-icon { left: unset; right: 25px; }
	.slick_carousel-content { max-width: 780px; padding: 0; width: 75%; }
	.slick-dots { left: unset; right: 5%; }
	.section_carousel-ar .slick-dots { left: 5%; right: unset; }
}

/*
	=========================================
	Section: RR - Triple Card
	=========================================
*/

.section_3card { background: #FFF; color: #3D3F42; }
.section_3card img { border-radius: 12px; }
.section_3card h4 .mktoText { border-bottom: 1px solid transparent; color: #3E75CF; display: inline-block; font-weight: 700;  }
.section_3card h4 .mktoText:hover, .section_3card h4 .mktoText:focus, .section_3card h4 .mktoText:active { border-bottom-color: inherit; }
.section_3card h4, .section_3card p { margin: 10px 0; }
.section_3card h2 { text-align: center; }
.section_3card h2, .section_3card .mktoText { font-weight: 400; }
.flex-grid-thirds { display: block; }
.flex-grid-thirds .col { margin: 30px 0; } /* width: 100%; padding: 0;  */
.flex-grid-thirds .col:first-child { margin-top: 0; }
.flex-grid-thirds .col:last-child { margin-bottom: 0; }
.flex-grid-thirds .col-content { margin: 0 auto; max-width: 450px; min-width: 240px; width: 100%;}
.flex-grid-thirds .col-content img { width: 100%; }

@media screen and (min-width: 500px) {
	.flex-grid-thirds .col-content { min-width: 240px; width: 75%;}	
}
@media screen and (min-width: 780px) {
	.container.section_3card > .inner { max-width: 1200px; }
}
@media screen and (min-width: 960px) {
	.flex-grid-thirds { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; }
	.flex-grid-thirds .col { flex: 1; margin: 0; }
	.flex-grid-thirds .col-content { margin: 0 auto; max-width: 300px; width: 100%; }
}

/*
	=========================================
	Section: CTA

	Assumed Markup:

	<section class="container section_cta">
		<div class="inner">
			<div class="section_cta-content"></div>
		</div>
	</section>
	=========================================
*/

.section_cta .btn { text-align: center; }
#ctaContent a,
#ctaContent a:visited { color: #3E75CF; }

@media screen and (min-width: 960px) {
	.section_cta-content { margin: 0 auto; max-width: 75%; }
}

/*
	=========================================
	Section: Sessions 1 or 2 col, with flex
	=========================================
*/

.sessions h4 + p { margin-top: -1em; }
.sessions .divider { margin: 20px 0; }
.sessions .flex_item.card_bg { background-color: #efefef; border-radius: 8px; margin-top: 40px; padding: 40px; }

@media screen and (min-width: 780px) {
	.sessions .flex_item.card_bg { margin-left: 80px; margin-top: 0; padding-left: 40px; }
}

/*
	=========================================
	Layout: Stack Offset (lp-FF)
	=========================================
*/

.hero__bg-img 						{ background-size: cover; background-position: center; background-repeat: repeat-x; position: relative; }
.hero__content 						{ margin: 0 auto; text-align: center; width: 100%; }
.hero__fg 							{ margin: 30px auto 0; max-width: 540px; width: 100%; }
.hero__fg img						{ display: block; width: 100%; }
.video 								{ height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; }
.video iframe 						{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.l--stack-uneven 					{ padding: 30px 0 40px;}
.l--stack-uneven .divider hr 		{ background-color: #D9DADB; height: 2px; margin: 30px 0; }
.l--stack-uneven .mktoForm 			{ padding: 0 !important; }
.l--stack-uneven #formlink h3 		{ margin-bottom: 20px; }

@media (min-width: 780px) {
	.hero__content 					{ text-align: left; }
	.hero__fg 						{ margin: 0; }

	.l--stack-uneven				{ padding: 40px 0; }
	.l--stack-uneven .divider hr 	{ display: none; }
	.l--stack-uneven .col1of2,
	.l--stack-uneven .hero__content { float: left; padding-right: 4.55%; width: 50.91%; }
	.l--stack-uneven .col2of2,
	.l--stack-uneven .hero__fg 		{ float: right; width: 49.09%; } /* hero__fg no padding */
	.l--stack-uneven .col2of2 		{ border-left: 2px solid #D9DADB; padding-left: 4.55%; }

	.hero__content.ar 					{ text-align: right; }
	.l--stack-uneven.ar .hero__content 	{ float: right; padding-left: 4.55%; width: 50.91%; }
	.l--stack-uneven.ar .hero__fg 		{ float: left; width: 49.09%; }
	.l--stack-uneven.ar .col1of2		{ float: right; padding-left: 4.55%; width: 50.91%; }
	.l--stack-uneven.ar .col2of2 		{ border-left: none; border-right: 2px solid #D9DADB; padding-right: 4.55%; width: 49.09%; }
}

/*
	=========================================
	Footer - v3
	=========================================
*/

.footer { background-color: #002F56; color: #FFF; margin-bottom: 0; padding: 30px 10px; position: relative; text-align: center; z-index: 2; }
/*.footer a { color: #FFF; font-size: 16px; font-weight: 700; }*/
.footer a { color: #FFF; font-size: 14px; font-weight: 700; line-height: 1.65; } /* 2021-10-22 */
.footer li { font-size: 14px; line-height: 1.65; } /* 2021-10-22 */
.footer ul { margin: 0; padding: 0; }
.footer nav { padding: 0; }
.footer .copyright { color: #FFF; display: inline; }
.footer.footer-ar .copyright { display: block; } /* no room for inline */
.footer .footer-logo a { display: block; }
/*.footer .footer-logo img { height: 30px; }*/
.footer .footer-logo img { height: 22px; } /* 2021-10-22 */
.footer .social { padding: 15px 0 10px; } /* 2021-10-22 */
/*.footer .social { padding: 10px 0; }*/
.footer .social a { font-weight: 300; padding: 0 3px; }
.footer .social li { display: inline-flex; margin: 0; width: 30px; }
.footer.footer-ar .social li:last-child { width: 25px; }
.footer .social .svg-inline--fa { width: 20px !important; height: 20px; } /* standardized fa */
.footer .privacy { display: inline; font-weight: 300; }
.footer .privacy a { text-decoration: underline; }
.footer .privacy li { display: inline; margin: 0; padding: 12px 0 10px; }
.footer li.pipe::before { color: #FFF; content: '|'; padding: 0 5px; }

@media screen and (min-width: 900px) {
	.footer { padding-top: 10px; padding-bottom: 10px; text-align: left; }
	.footer .inner { align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } /* flex_parent */
	.footer nav { padding-left: 10px; text-align: right; width: 75%; }
	.footer.footer-ar nav { float: left; padding-right: 10px; text-align: left; }
	.footer .footer-logo { padding-top: 0; width: 25%; }
	.footer .footer-logo img { vertical-align: middle; }
	.footer.footer-ar .footer-logo { float: right; text-align: right; }
	/*.footer .social-privacy { width: 100%; }*/
	.footer .social-privacy { padding-bottom: 5px; width: 100%; } /* 2021-10-22 */
	/*.footer .social { padding: 0; padding-top: 10px; }*/
	.footer .social { padding: 10px 0 0; } /* 2021-10-22 */
	.footer .social li { line-height: 0; }
	.footer:not(.footer-ar) .social li:last-of-type { margin-right: 0; }
}

/*
	=========================================
	Utility: toggles
	=========================================
*/
.toggle-img-on,
.toggle-video-on 										{ display: none; visibility: hidden; }
.toggle-img-on.toggle-ctrl-img,
.toggle-video-on.toggle-ctrl-video 						{ display: block; visibility: visible; }

/*
	========================================
	Forms: Form Wrap
	========================================

	.col1 = single column stacked form
	.form_content, .form_content-ar = immediate parent of mktoForm
*/

.col1 .form_content { margin: 0 auto; padding: 0; width: 100%; }
.col1 .form_wrap { margin: 0 auto; max-width: 500px; }
.col1 .form_wrap > .inner { padding-left: 0; }

@media screen and (min-width: 481px) {
	.col1 .form_wrap > .inner { padding-left: 10px; }
}

/*
	=========================================
	Forms: 2020 LPs
	=========================================

	Single column layouts (not PFC, not Unsub)
*/

/* base */
form.mktoForm { width: 100%; }
.mktoForm strong,
.mktoForm em { padding: 0 !important; }
.mktoForm .mktoFormRow { font: 400 16px/1.5; }
.mktoForm .mktoFormRow .form_terms { font-size: 12px; display: block; line-height: 22px; margin: 0 0 1.5em 0; }
.mktoForm .mktoRequiredField label.mktoLabel { font-weight: 400 !important; margin-bottom: 8px; }

/* checkboxes */
.mktoForm .mktoFormRow .mktoFormCol.checkboxMobile { float: left; width: 10%; }
.mktoForm .mktoFormRow .mktoFormCol.checkboxLabelMobile { float: left; clear: none; padding-left: 10px; width: 90%; }

/* submit btn */
.col1 .mktoForm .mktoButtonRow .mktoButtonWrap { margin-left: 0 !important; }
.col1 .mktoForm .mktoButtonRow,
/*.col1 .mktoForm .mktoButtonRow button { width: 100% !important; }*/
.col1 .mktoForm .mktoButtonRow button { width: auto !important; }
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active { border: none; }
.mktoForm .mktoButtonWrap.mktoRound button.mktoButton { background: #268742 !important; background-color: #268742 !important; border: 0 !important; color: #fff !important; box-shadow: 0px 2px 2px rgba(12,12,12,.25) !important; font-size: 16px; font-weight: bold; padding: 6.5px 20px; text-decoration: none;}
.mktoForm .mktoButtonWrap.mktoRound button.mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoRound button.mktoButton:active,
.mktoForm .mktoButtonWrap.mktoRound button.mktoButton:focus { background: #1D6732 !important; background-color: #1D6732 !important; opacity: 1 !important; text-decoration: none; transition: all 0.35s ease-in-out 0s; }

/* colors */
.mktoForm p,
.mktoForm span,
.mktoForm .mktoFormRow,
.mktoForm .mktoFormCol .mktoLabel,
.mktoForm .mktoFormRow select.mktoField,
.mktoForm .mktoFormRow input[type],
.mktoForm .mktoFormRow textarea.mktoField { color: #3D3F42 !important; }
.mktoForm .mktoFormRow span a { color: #3E75CF !important; font-weight: 700 !important; padding: 0 !important; }

/* inputs, selects style */
.mktoForm .mktoFormRow input[type="text"],
.mktoForm .mktoFormRow input[type="email"],
.mktoForm .mktoFormRow input[type="tel"],
.mktoForm .mktoFormRow select.mktoField,
.mktoForm .mktoFormRow textarea.mktoField { background-color: #fff; border: 1px solid #7a7f85; border-radius: 5px; height: 40px; line-height: 32px; margin-bottom: 1em; min-width: 100% !important; padding: 0 1em; width: 100% !important; }
.mktoForm .mktoFormRow textarea.mktoField { height: 6em; }

/* select style */
.mktoForm .mktoFormRow select.mktoField { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; cursor: pointer; background-image: url('https://www.ebsco.com/themes/custom/cog_ebsco/images/select-chevron.png'); background-size: 40px 40px; background-position: 100% center; background-repeat: no-repeat; }
.mktoForm .mktoFormRow select.mktoField::-ms-expand { display: none; }
.form_content-ar .mktoForm .mktoFormRow select.mktoField { background-position: 0 center; }

/* focus style */
.mktoForm .mktoFormRow input[type="text"]:focus,
.mktoForm .mktoFormRow input[type="email"]:focus,
.mktoForm .mktoFormRow input[type="tel"]:focus,
.mktoForm .mktoFormRow textarea.mktoField:focus,
.mktoForm .mktoFormRow select.mktoField:focus { border-color: #3e75cf; outline: none; }

/* error style  */
.mktoForm .mktoFormRow .mktoError .mktoErrorMsg,
.mktoForm .mktoFormRow .mktoError .mktoErrorArrow { background-color: #E83030; border-color: #E83030; background-image: none; -webkit-box-shadow:0 2px 2px 0 rgba(39,41,42,0.25); box-shadow:0 2px 2px 0 rgba(39,41,42,0.25); color: #fff; text-shadow: none; }

/* rtl styles */
.form_content-ar .mktoForm .mktoFormCol .mktoLabel { text-align: right !important; }
.form_content-ar .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float: right !important; padding-left: 5px !important; padding-right: 0 !important; }
.form_content-ar .mktoForm .mktoFormRow .mktoFormCol.checkboxMobile { float: right; }
.form_content-ar .mktoForm .mktoFormRow .mktoFormCol.checkboxLabelMobile { float: left; padding-right: 10px; text-align: right; width: 90%; }
.form_content-ar .form_terms,
.form_content-ar .form_checkbox,
.form_content-ar .mktoForm .mktoFormRow .checkboxLabelMobile .mktoHtmlText { text-align: right !important; }
.col1 .form_content-ar .mktoForm .mktoButtonRow { float: right; }

@media screen and (min-width: 481px) {
	.mktoForm .mktoFormRow .mktoOffset { width: 0 !important; } /* vertical rhythm */
	/*.mktoForm .mktoFormRow .form_terms { margin-bottom: .5em; }*/
	.mktoForm .mktoFormRow .form_terms { margin-bottom: .75em; } /* 10-22-2021 */
	.mktoForm .mktoFormRow .checkboxLabelMobile { padding-left: 0; }

	/* responsive form */
	form.mktoForm,
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol:not(.checkboxMobile):not(.checkboxLabelMobile),
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap,
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol input[type="text"],
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol input[type="email"],
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol input[type="tel"],
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol select.mktoField,
	.col1 .form_content .mktoForm .mktoFormRow .mktoFormCol .mktoHtmlText, /* form_terms parent */
	.col1 .form_content-ar .mktoForm .mktoFormCol .mktoLabel,
	.col1 .form_content .mktoForm .mktoFormRow textarea.mktoField { min-width: 100% !important; width: 100% !important; }
	.col1 .form_content .mktoForm .mktoFormRow .checkboxMobile { min-width: unset !important; width: 10% !important; } /* checkbox */
	.col1 .form_content .mktoForm .mktoFormRow .checkboxLabelMobile { min-width: unset !important; width: 90% !important; } /* checkbox label */
	.col1 .form_content .mktoForm .mktoFormRow .checkboxLabelMobile .mktoHtmlText { min-width: 100% !important; width: 100% !important; } /* checkbox text itself */
}

/*@media screen and (min-width: 780px) {*/
	/*.col1 .mktoForm .mktoButtonRow button { width: auto !important; }*/
	/*.col1 .form_content-ar .mktoForm .mktoButtonRow button { float: right; }*/
/*}*/