body { margin: 0px;}


ol, ul { padding-left: 20px;}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
.options li { list-style: none;}
.standfirst-big {
	/* P1 Body */
	font-family: 'aktiv-grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	/* or 30px */

	/* 1E Black */
	color: #10111D;
}

.resource_listing {
	background: #F4F6F8;
	padding-bottom: 93px;
}
.resource_btn .action-area span {
	margin-right: 25px;
}
.resource_product .styledSelect, .small-screens .styledSelect{
	background: transparent;
	border: 0px;
	top: -10px;
}
.resource_product .styledSelect:after, .small-screens .styledSelect:after {
	content: "\f107";
	color: #A1AFB7;
	font-family: "FontAwesome";
	top: 2px;
	right: -7px;
	font-size: 15px;
	box-shadow: none;
	padding-right: 0px;
	border: 0px;
}
.blog-banner-background .blog-featured-card .content-area .blog-featured-meta .blog-featured-category::after,
.blog-banner-background .blog-most-read .blog-read a .blog-read-meta .blog-read-category::after {
	content: none;
}
.blog-banner-background .blog-most-read .blog-most-read-tag {
	background: url(../assets/most-read.png) no-repeat;
}
.blog-banner-background .blog-featured-card .content-area .featured-tag {
	background: url(../assets/featured.png);
}


/***On-demand Webinar******/


.single-resources .resource_listing {
	background:transparent !important;
}

.resource-detail-bg {
	position: relative;
}
.video-wrapper{
	position: relative;
}
.resource_ondemand {
	padding-top:30px;
}
.resource_ondemand .wistia-video-wrapper {
	margin-bottom:60px;
}
.resource_ondemand .wistia_responsive_padding{
	box-shadow: 0px 2px 3px rgba(0,0,0,0.16);
}
.resource_ondemand_speakers {
	padding-left: 80px;
}
.resource_ondemand_speakers p {
	font-family: var(--e-global-typography-ffb0168-font-family ), sans-serif;
	margin-top: 0px;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	/* or 36px */


	/* 1E Black */

	color: #10111D;
}
.speaker-detail{
	margin-bottom:20px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.resource_ondemand_speakers .speaker-image {
	float: left;
    padding-right: 36px;
}
.resource_ondemand_speakers .speaker-image figure {
	margin: 0px;
	width: 75px;
	height: 75px;
}
.resource_ondemand_speakers .speaker-image img {
	border-radius: 50%;
	width: 75px;
    height: 75px;
}
.resource_ondemand_speakers .speaker-detail, .resource_ondemand_speakers .speaker-details {
	overflow: hidden;
}
.resource_ondemand_speakers .speaker-details .name {
	font-family: var(--e-global-typography-ffb0168-font-family ), sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1.01px;
	text-transform: uppercase;
	margin: 0px;
	color:#10111D;
}
.resource_ondemand_speakers .speaker-details .role {
	font-family: var(--e-global-typography-ba8a777-font-family), sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #636C78;
	margin:0;
	line-height: 24px;
}
.resource-detail-bg .resource_ondemand {
	overflow: hidden;
	z-index: 9;
}
.session-content p{
	line-height:28px;
}
.resource_ondemand .wistia_responsive_wrapper {
	z-index: 0;
}
/******Social sharing**************/
.blog_post_share { border-top: 0px !important; margin-left: 0px !important;margin-top: 110px;}
.blog_post_spacing.blog_social .share-icons h5 {
	font-family: var(--e-global-typography-ffb0168-font-family ), sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #10111D;
	display: block;
	margin-bottom: 5px;
}
.blog_post_spacing.blog_social .share-icons a {
	padding: 0 3px;
    text-decoration: none;
	font-size: 18px;
    color: #10111D;
}
.blog_post_spacing.blog_social .share-icons a span {
	background-color: #345D81;
    border-radius: 50%;
}
.blog_post_spacing.blog_social .share-icons a span .fa-circle-o {
	color: rgba(255, 255, 255, 0);
}
 
.share-icons span a i:before {
	    color: #18354A;
}
.share-icons span {
	margin-right: 5px;
}
/********Resource suggestions*****/
.resource-suggest {
	margin-top: 120px;
	margin-bottom: 40px;
}
.resource-suggest h3 {
	text-align: center;
	margin-bottom: 0px;
  
}
.card-wrapper-non-gated{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
/******Resource form*******/
.gated-resource-form {
	background: var( --e-global-color-8045764 );
    padding: 50px;
    border-radius: 0px;
	position: relative;
}

.gated-resource-form form fieldset label {
	display: block;
}
.gated-resource-form form fieldset .legal-consent-container .hs-dependent-field label {
	display: inline-block;
}
.gated-resource-form fieldset { border: 0px; padding: 0px;}
.gated-resource-form fieldset input, .gated-resource-form fieldset select,  .gated-resource-form textarea {
	background: #fff;
	height:57px;
	margin: 10px 0px;
	font-family: var(--e-global-typography-primary-font-family ), sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}

.gated-resource-form fieldset select { height: 57px;}
 form .hs_submit.hs-submit input {line-height: 0.5;padding: 20px 40px !important;}
 form .hs-fieldtype-text label {display: none !important;}
.legal-consent-container {padding-top: 0px;}
.legal-consent-container p {
	font-family: 'aktiv-grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}
.bg-height:before {
	height: 100%;
} 
.resource_gated {
	padding-top: 120px;
}
.gated-resource-standfirst h3{
	font-weight:600!important;
}
.gated-resource-standfirst p{
	line-height:28px;
}
.gated-resource-standfirst ul{
	margin-bottom:13px;
}
figure.resource-mockup {
	padding-top: 28px;
}

.resource_download_button_area p{
	color: #636C78;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
}
.resource_gated .resource-type h4, h4.resource-type  {
	margin: 0px;
	font-family: var(--e-global-typography-ffb0168-font-family ), sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ED681E !important;
}
.resource_gated h1 { margin-top: 0px;}
.resource_gated .resource-mockup img{
	/**position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	z-index:-1;**/
}

.share-icons a .fa-stack {
	width: 30px;
    height: 30px;
    line-height: 30px;
}
.share-icons .fa-stack-2x {
    font-size: 30px;
}
.clickable-div { margin-bottom: 30px;}
footer .customer-logos { display: none;}
.blog-banner-background .blog-most-read .blog-read { margin-bottom: 14px;}
.wistia-video-wrapper h1 {    font-size: 24px !important; }
.wistiaHubspotFormWrapper .hs-form-field { margin: 2px 0px 4px !important;}
.wistiaHubspotFormWrapper form.hs-form .hs-form-field ul.inputs-list {margin-bottom: 0px !important;}
.resource_download_button_area { padding: 20px;
    text-align: center;}
.resource_download_button_area 	a { color: #fff !important;}
.resource_download_button_area .action-area{display: flex;justify-content: center;align-items: center;}
.resource_download_button_area .action-area:hover{cursor:pointer;}
.resource_download_button_area  p {     padding: 30px;}
 .ebook {background: #d7dfe6 !important;}
.resource_ondemand .resource-mockup { overflow:hidden;}
.resource_ondemand .action-area.align-center.inner-pd-top {
	background: #fff;
    padding-top: 30px !important;
	padding-bottom: 30px !important;
	box-shadow: 2px 2px 13px rgba(0,0,0,0.16);
}
.resources_filters .resource_type_list ul:after {
	content: '|';
	display: inline-block;
	position: absolute;
	top: 3px;
    color: #A1AFB7;
	margin-left: 5px;
}
.custom-pagination .pagination-wrapper .resource-current-page  {
    border-radius: 2px;
    /* box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 50%); */
    border: solid 1px #eaeaea;
    background-color: #fefefe;
    margin-left: 10px;
    margin-right: 10px;
    color: #16659d;
    width: 50px;
    text-align: center;
    height: 28px;
    padding: 0px !important;
	font-size: 0.75rem;
}
.wistiaHubspotFormWrapper li { margin-top: 2px; margin-bottom: 2px; line-height: 20px !important;}
.wistia-video-wrapper .wistiaHubspotFormWrapper label span, .wistia-video-wrapper .wistiaHubspotFormWrapper .legal-consent-container p { color: #fff;  }
wistiaHubspotFormWrapper .legal-consent-container {
	margin-top: 20px;
}
.wistia-video-wrapper .wistiaHubspotFormWrapper li.hs-form-checkbox span { display: block !important;}
.wistia-video-wrapper .wistiaHubspotFormWrapper select.hs-input { width: 100%;}
.wistia-video-wrapper .wistiaHubspotFormWrapper .legal-consent-container ul.inputs-list li {
	    display: flex;
		position:relative;
		
}
.wistia-video-wrapper .wistiaHubspotFormWrapper .legal-consent-container .hs-form-booleancheckbox-display>span {
	margin-left: 0px;
}

.wistia-video-wrapper .wistiaHubspotFormWrapper .hs_submit .hs-button.primary.large {
	font-family: var(--e-global-typography-primary-font-family ), sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 20px 40px;
	background: #ED681E;
	border-radius: 40px;
	padding: 12px 30px !important;
    border-radius: 40px !important;
}
.resource_product .options , .small-screens .options{ width: 158px;}
.resource_product .options li,  .small-screens .options li {     padding: 5px 10px !important; font-size: 1.4rem; line-height:1.8rem;}
 .small-screens .options li {    display: block !important; }
#affordance-resource-download { background: #fff;}
#affordance-resource-download .affordance_forms .hs_submit {margin-top: 40px;}
#affordance-resource-download .formDataWraper .resourceGatedWrapper .hs-form-field.hs_country { margin-top: 40px;}
.resource_type_list .small-screens { display: none;}
.resource_type_list .large-screens { display: block;}
.small-screens select#resource_type { width: 150px;}
.resource_nongated_noneditor .resource-mockup { height: auto;}
.resource_nongated_noneditor.resource_ondemand .action-area.align-center.inner-pd-top {
	background: transparent;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    box-shadow: none;
}
.video-wrapper{ padding-top: 100px;background-color: transparent;background-image: linear-gradient(180deg, var(--e-global-color-cab98e3 ) 55%, var(--e-global-color-b64e9e5 ) 55%);}

.resource-ondemand .wistia-video-wrapper { padding-top: 13px;}
.resource-detail-bg .wistia-video-wrapper:before{
	content: url(/wp-content/uploads/2022/08/wonder-webinar-before.svg);
    position: absolute;
    z-index: -3;
    top: -25px;
    left: -50px;
}
.resource-detail-bg .wistia-video-wrapper:after{
	content: url(/wp-content/uploads/2022/08/wonder-webinar-after.svg);
	position: absolute;
    z-index: -3;
    bottom: 10px;
    right: -68px;
}
/**** Gated resource form ******/

/**Resource transcript**********/
.resource_transcript {
	position: relative;
	min-height: 50px
}
.resource_transcript .transcript-content-bar h3 {
	font-size: 2.6rem;line-height: 3.6rem;color: #18354A;
}
.resource_transcript .toggleTranscript{
	font-size: 1.6rem ;
	line-height: 6.0rem;
	font-weight: 700 !important;
	color: #345D81;
	text-decoration: none;
	position: absolute !important;
	right: 50px;
    top: 40px;
}
.toggleTranscript.btn.tertiary-btn:after, a.toggleTranscript.btn.tertiary-btn:after {
	top: -1px !important;
}
.transcript-content-bar {
	background: #f4f6f8;
    padding: 30px;
    font-size: 1.3rem;
	padding-bottom: 10px;
}
.resource_transcript .transcript-content-bar p {
	font-size: 1.3rem;
    line-height: 1.8rem;
}
.resource-suggest {
	background: #F3F5F8;
	padding-top: 100px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.resource-suggest .session-suggestion-card-wrapper:before {
    content: url(/wp-content/uploads/2022/08/wonder-quad.svg);
    position: absolute;
    z-index: 4;
    top: -235px;
}
.resource-suggest .session-suggestion-card-wrapper:after {
    content: url(/wp-content/uploads/2022/08/wonder-square.svg);
    position: absolute;
    z-index: 10;
    top: -150px;
    left: 10%;
}
h2.sessionTitle {text-align: center;}
.session-writeup h1 {margin-top: 0px;}
.gated-resource-form.resourceGatedWrapper:before {
    content: url(/wp-content/uploads/2022/08/form-wonders-before.svg);
    position: absolute;
    z-index: -3;
    top: -55px;
    right: -30px;
}
.gated-resource-form.resourceGatedWrapper:after {
	content: url(/wp-content/uploads/2022/08/form-wonders-after.svg);
    position: absolute;
    z-index: -3;
	bottom: -70px;
    left: -70px;
}
.elementor-widget-featured-content-card:before {
	content: url(/wp-content/uploads/2022/08/wonder-circle.svg);
	position: absolute;
	bottom: -55px;
	left: -105px;
	z-index: 0;
}
.elementor-widget-featured-content-card:after {
	content: url(/wp-content/uploads/2022/08/form-wonders-before.svg);
	position: absolute;
	z-index: 0;
    top: -50px;
    right: -15px;
}
.session-suggestion-card-wrapper .clickstream-card-wrapper { background: #fff !important;}
.resource_ondemand, .session-writeup-box{justify-content: center;}
@media only screen and (max-width:767px) {
	.resource_download_button_area .cl-primary-btn{padding: 15px 30px!important;}
	.session-writeup{padding: 0 20px;}
	.video-wrapper {padding-top: 50px;background-color: transparent;background-image: linear-gradient(180deg, var(--e-global-color-cab98e3 ) 50%, var(--e-global-color-b64e9e5 ) 50%);}
	.resource_ondemand_speakers{padding-left: 0px;}
	.resource_gated .resource-mockup img { position: relative;}
	.blog_post_spacing.blog_social .share-icons h5 { display: block;}
	.resource_ondemand_speakers .speaker-image { margin-bottom: 15px;}
	.blog_post_share { padding-top: 0px;}
	.styledSelect {
		background: #fff !important;
		border: 0px !important;
		padding: 0px !important;
		font-size: 1rem;
		color: #A1AFB7 !important;
	}
	.filters-items-list .select select {
		width: 160px;
		border: 0px !important;
	}
	.clickFilters .filterItemDropDown { width: auto;}
	.filters-items-list { text-align: right;}
	.filterItemDropDown .styledSelect:after { right: -8px !important;}
	.clickFilters .filterItemDropDown { margin-top: 11px; width: auto !Important;}
	.filterItemDropDown .styledSelect { padding-left: 0px;}
	.styledSelect:after {content: "\f107" !important;
		color: #A1AFB7  !important;
		font-family: "Font Awesome 5 Free";
		top: 2px !important;
		right: -7px !important;
		font-size: 15px;
		box-shadow: none;
		padding-right: 0px;
		border: 0px !important;
		font-weight: 900;
	}
	.resource_listing { padding-top: 0px;}
    .small-screens select#resource_type, select#resourceByproducts {
		border: 0px;
		width: 150px;
	}	
	.clickFilters .search {
		display: block;
		height: 45px;
		position: relative !important;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #343f50;
		width: 100% !important;
	}
	.clickFilters .search input[type="submit"] {
		top: 14px  !important;
		left: 14px  !important;
	}
	.resource-detail-bg, .resource-suggest { padding: 0 20px;}
	.resource_ondemand_speakers .speaker-image figure {margin: 0px;width: 100px; height: 100px;}
	.resource_ondemand_speakers .speaker-image img { width: 100px; height: 100px;}
	.resource-suggest { padding-top: 100px;}
	.resource_gated { padding-top: 80px; }
}
.ctaSection{
	display:flex;
	justify-content:end!important;
	align-items: center;
}
 .cta_wrapper.affordance-cta-btn a.btn{
	font-style: normal!important;
	font-weight: 700!important;
	font-size: 16px!important;
	line-height: 150%!important;
	letter-spacing: 0.1em!important;
	text-transform: uppercase!important;
	color: #FFFFFF!important;
	padding: 20px 40px!important;
	background: #ED681E!important;
	border-radius: 40px!important;
}
@media only screen and (max-width: 1024px) and (min-width: 767px){
	.single-resources .resource_listing {
		padding-left:10px;
		padding-right:10px;
	}
	.resource-detail-bg{ padding: 0 20px;}
	.session-writeup{padding: 0 20px;}
	.resource_ondemand .elementor-column , .session-writeup-box .elementor-column{
		width:100% !important;
	}
	.resource_ondemand_speakers{padding-left:0;}
	.blog_post_share{margin-top:40px;}

	.video-wrapper { background-color: transparent;background-image: linear-gradient(180deg, var(--e-global-color-cab98e3 ) 50%, var(--e-global-color-b64e9e5 ) 50%);}
}
