/* Webinars */
.webinar-speakers-1 {display: flex; flex-direction: column; gap: 12px}
.webinar-speakers-2 {display: flex; gap: 12px; align-items: flex-start}
.webinar-speakers-2 p {margin: 0}
.webinar-speakers-2 img {width: 60px; height: auto; margin-top: 0; align-self: flex-start}
.webinar-details-1 {display: flex; gap: 8px 24px; align-items: center;flex-wrap: wrap; margin-bottom: 14px}
.webinar-details-2 {display: flex; gap: 8px;}
.webinar-details-2 img {width: 16px; height: auto; margin: 0}
.webinar-details-2 p {margin: 0}
.webinar-details-3 {background: #fff; padding: 16px; border-radius: 20px; margin-bottom: 16px}
.webinar-details-4 p {margin-bottom: .8em!important}
.webinar-details-4 li {font-size: 1rem!important; margin-bottom: .4em!important; margin-left: 4px; padding-left: 8px}
.speaker-bios {display: flex; gap: 12px 24px; align-items: flex-start; flex-direction: row}
.speaker-bios h3 {margin-bottom: 4px}
.speaker-bios p {margin-bottom: .8em!important}
.speaker-bios img {margin-top: 0; align-self: flex-start; width: 120px; height: auto}
.speaker-bios h5 {font-size: 26px; color: #008CFF; margin-bottom: 4px}
@media only screen and (max-width: 768px) {
	.speaker-bios {flex-direction: column}
}

/* PPC landing page */
.ppc-container {background-image: url(/media/ipalh352/app-hero.png), url(/media/nz1bcr05/ppc-bg.png);
background-color: #f5f5f5; background-position: right 100px bottom, center bottom; background-repeat: no-repeat; background-size: 37%, cover}
.ppc-container h1 {font-size: 38px!important; color: #fff}
.ppc-container li {font-size: 1rem!important; color: #fff; margin-bottom: 8px; list-style: none; 
	background-image: url(/media/ykdcfjw0/tick-circle.png); background-repeat: no-repeat; background-size: 16px; background-position: left center; padding: 0 0 0 24px;}
.ppc-container ul {padding: 0}
.ppc-container-nolist li {list-style: none!important; background-image: none!important; padding: 0!important}
.ppc-pods {background: #fff; border: 1px solid #e9e9e9; padding: 24px; display: flex; border-radius: 16px; align-items: flex-start; margin: 0 0 40px; gap: 8px; flex-direction: column; min-height: 228px}
.ppc-pods img {width: 36px; height: auto; margin: 0; align-self: flex-start}
.ppc-pods p, h4 {margin: 0}
.ppc-stats-container {background: #F5F5F5; background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.ppc-stats {background: #674CD7; background: linear-gradient(90deg, rgba(103, 76, 215, 1) 15%, rgba(255, 90, 152, 1) 85%); padding: 60px 30px; display: flex; flex-direction: column; gap: 30px}
.ppc-stats h3 {color: #fff; text-align: center}
.ppc-stats div {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; max-width: 1240px; margin: 0 auto; width: 100%}
.ppc-stats img {max-width: 23%;}
.ppc-stats-corner {display: flex;}
.ppc-stats-corner img {width: 5%}
.ppc-stats-corner-1 {justify-content: flex-end}
.ppc-stats-corner-2 {justify-content: flex-start}
.ppc-slider {background: #FFF6FA; max-width: 1440px; margin: 0 auto 60px; border-radius: 60px;}
.ppc-slider-quote {background: #fff; border-radius: 40px; max-width: 80%; margin: 0 auto; padding: 30px; display: flex; gap: 24px;}
.ppc-slider-quote img {width: 160px; border-radius: 24px; align-self: flex-start; margin-top: 0;}
.ppc-slider-quote div {display: flex; flex-direction:column; gap:4px}
.ppc-slider-quote h4 {font-size: 1.3em!important; margin: 0; ;line-height: 1.4!important}
.ppc-slider-quote p {margin-bottom: 0}
.flickity-prev-next-button {background: #FF5A98}	
.ppc-about {border-radius: 60px 60px 0 0}
.acc {border-radius: 12px}
.ppc-container-form {background: rgba(0, 0, 0, .1); border-radius: 0 30px 30px 30px; padding: 24px;}
.ppc-container-form label {color: #fff}
.ppc-container-form div {color: #fff}
.ppc-container-form input[type="submit"] {background: #FF5A98; border: 1px solid #FF5A98}
.ppc-container-form .hs_email {width: 67%!important}
.ppc-container-form .hs_numemployees {width: 33%!important}
.ppc-container-form a {color: #fff!important; text-decoration: underline!important}

@media only screen and (max-width: 768px) {
	.ppc-container-form .hs_email {width: 100%!important}
	.ppc-container-form .hs_numemployees {width: 100%!important}
	.ppc-container {background-image: url(/media/nz1bcr05/ppc-bg.png);
background-color: #f5f5f5; background-position: center bottom; background-repeat: no-repeat; background-size: cover; padding-bottom: 0 !important;}
	.ppc-container .grid-item {margin-bottom: 0}
	.ppc-container img {display: block; margin-top: 30px; width: 100%}
	.ppc-pods {min-height: 0}
	.ppc-slider-quote {flex-direction: column; max-width: none}
	.ppc-slider-quote img {width: 80px; border-radius: 16px; margin-top: 0}
	.ppc-stats img {width: 48%; max-width: none}
	.ppc-stats div {gap: 0}
	.width-100-mb {max-width: 100%!important}
}

/* Comms Corner */
.cc-container {background-image: url(/media/lf5pulk1/comms-bubble.png), url(/media/vvylrsvk/comms-bg.png?upscale=false&width=1920&quality=80);
background-color: #f5f5f5; background-position: left 150px top 90px, center top; background-repeat: no-repeat; background-size: 90%, contain}
.cc-container h1 {color: #fff}
.cs-pods {background: #fff; border: 1px solid #e9e9e9; padding: 30px 30px 20px; position: relative; display: flex; justify-content: center; border-radius: 16px; align-items: center; min-height: 182px; margin: 0 0 40px}
.cs-pods img {position: absolute;top: -25px; width: 50px; height: auto}
.cs-pods p {margin: 0; font-size: 20px!important; font-weight: 500; text-align: center}
.hs-form-pod {background: #fff; border-radius: 12px; padding: 24px}
@media only screen and (max-width: 1250px) {
	.cc-container {background: #f5f5f5; background: url(/media/lf5pulk1/comms-bubble.png), linear-gradient(180deg, rgba(103, 76, 215, 1) 0%, rgba(255, 90, 152, 1) 34%, rgba(245, 245, 245, 1) 34%); background-position: left 85% top 90px, center top; background-repeat: no-repeat; background-size: 90%, 100%}
	.cc-container .row .col-s-100:nth-child(1) {order: 1}
	.cc-container .row .col-s-100:nth-child(2) {order: 3}
	.cc-container .row .col-s-100:nth-child(3) {order: 2}
	.cc-container .row .col-s-100:nth-child(4) {order: 4}
	.cc-container .row .col-s-100:nth-child(5) {order: 5}
	.cc-container .row .col-s-100:nth-child(6) {order: 6}
	.cc-container .row .col-s-100:nth-child(7) {order: 7}
	.cc-container .row .col-s-100:nth-child(8) {order: 8}
	.cc-container .row .col-s-100:nth-child(9) {order: 9}
	.cc-container h1 {font-size: 2.2em!important}
	.cs-pods {min-height: 0}
}

/* mobile padding fix */
main#content {
    padding: 0 !important;
}

/* HubSpot form input boxes */
fieldset.form-columns-2, fieldset.form-columns-1 {max-width: none!important;}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], textarea, select {
background: #fff !important;
border-radius: 30px !important;
height: 40px !important;
border: 1px solid #e9e9e9 !important;
margin-bottom: 22px !important;
width: 100% !important;
}
/* HubSpot form error messages */
.hs-error-msgs {margin-bottom: 12px; top: -12px; position: relative; color: red;}
.legal-consent-container .hs-error-msgs {top: 0!important}
.legal-consent-container .hs-error-msgs label{color: red!important}

/* HubSpot form marketing consent text */
.legal-consent-container .field.hs-form-field {margin-bottom: 0px !important}
.legal-consent-container label {margin-bottom: 4px !important;}
ul.inputs-list {list-style: none!important;padding-left: 0!important;margin-bottom: 0 !important;}

/* HubSpot form marketing consent text */
.hs-richtext {font-size: 13px; margin-bottom: 16px}

/* HubSpot form 'Message' field */
.form-columns-1 textarea {padding: 6px 16px;}
.hs_message textarea {min-height: 120px}

/* HubSpot form outer container */
.form-pod {background: #fff; border-radius: 12px; padding: 24px; border: 1px solid #e9e9e9;
-webkit-box-shadow: 0px 0px 30px 0px rgba(40, 39, 39, 0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(40,39,39,0.1);
box-shadow: 0px 0px 30px 0px rgba(40, 39, 39, 0.1);}

/* HubSpot form labels */
.hbspt-form label {margin-bottom: 0.6em!important;}

/* Blog image mobile height fix */
@media only screen and (max-width: 768px) {
	.post img {height: auto!important}
}

/* Thank you pages - custom pods */
.custom-blog-pod {display: block; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 22px 43px -20px rgba(0, 0, 0, 0.15); margin-bottom: 30px; min-height: 585px; position: relative; transition: .2s}
.custom-blog-pod:hover {box-shadow: 0 22px 43px -20px rgba(0, 0, 0, 0.6)}
.cbp-txt {padding: 20px 30px 30px;}
.cbp-txt div:nth-child(1) {font-size: 1.2rem; margin-bottom: 6px; color: var(--theme); font-weight: bold}
.cbp-txt div:nth-child(2) {font-size: 1rem; color: #1d1d1d; margin-bottom: 6px;}
.cbp-txt div:nth-child(3) {font-size: 1rem; color: var(--theme); position: absolute; bottom: 24px; right: 30px; font-weight: bold}
.cbp-txt div:nth-child(3):after {transition: all ease-in-out .2s; background: none repeat scroll 0 0 var(--theme); content: ""; display: block; height: 2px; width: 0;}
.custom-blog-pod:hover .cbp-txt div:nth-child(3):after {width: 100%}
@media only screen and (max-width: 768px) {
	.custom-blog-pod {min-height: 0!important}
	.cbp-txt div:nth-child(3) {position: relative; bottom: 0; right: 0;}
}

/* Blog CTA banners */
.blog-banner {padding: 24px 24px 40px; background: #008CFF; background: linear-gradient(135deg, #008CFF, #674CD7 60%); border-radius: 20px; flex-direction: row; display: flex}
.blog-banner-text {margin-right: 24px; flex-basis: 60%; max-width: 60%}
.blog-banner-text h3 {margin: 0 0 10px; font-size: 1.6rem; color: #fff}
.blog-banner-text p {margin: 0 0 30px; font-size: 1rem; color: #fff}
.blog-banner-text a {font-size: 1rem; padding: 14px 28px; background: #fff; color: #1d1d1d; border-radius: 50px; font-weight: bold; position: relative; transition: .2s}
.blog-banner-text a:after {content: '\00A0\2192'}
.blog-banner-text a:hover {background: #f5f5f5;}
.blog-banner-img {display: flex; flex-basis: 40%; max-width: 40%}
.blog-banner img {width: 100%; align-self: center; margin: 0}
@media only screen and (max-width: 768px) {
	.blog-banner {flex-direction: column}
	.blog-banner img {margin-top: 30px}
	.blog-banner div {flex-basis: 100%; max-width: 100%}
}

/* Hide social share buttons on blog template no.1 */
.share {display: none}