/* ProfitFill WP Styles */
:root {
	--primary: #00263d;
	--secondary: #37c8a7;
}
#app-integrations > figure { transform: scale(0.8); padding: 30px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.3); display: inline-block; transition: all 0.3s ease; }
#app-integrations > figure:hover { transform: scale(1); cursor: pointer; }
body a:active, body a:focus, body a { outline: 0;  }
#masthead nav ul > li > a { line-height: 40px; font-weight: light; padding-left: 10px; padding-right: 10px; }
#app-details { box-shadow: 3px 3px 5px rgba(0,0,0,0.6); }
#app-details > div > div.open { display: flex; visibility: visible; opacity: 1; margin-top: 0 !important;  }
#app-details > div > div { transition: all 0.2s ease; opacity: 0; display: none; }
#app-details > div > div img { height: 50px !important; width: auto !important; }
#app-details > div > div > div:first-child { min-width: 80px !important; }
.funnel-icon { position: absolute !important; margin-top: -130px !important; width: 140px !important; height: 140px !important; border-radius: 70px !important; }
#industries-funnels > div > div { padding-top: 60px !important; }
#industries-funnels > div > div:nth-child(2) .funnel-icon { margin-left: 30%; }
#industries-funnels > div > div:nth-child(3) .funnel-icon { margin-left: 70%; }
.profitfill-curve { margin-top: -100px; margin-bottom: -105px; height: 100px; width: 100% !important; overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; display: block; position: relative; max-width: 100%; }
.profitfill-curve svg {  margin-top: 4px; }
.profitfill-curve svg, .profitfill-curve svg path { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.profitfill-curve.svg-white svg path { fill: #ffffff !important; }
main .profitfill-curve.overlay-top { margin-top: -100px !important; }
.profitfill-curve.svg-lightblue svg path { fill: #f2f4fa !important; }
.profitfill-curve.svg-lightblue2 svg path { fill: #e4fcff !important; }
body .wp-site-blocks img.wp-image-409 {  height: 300px; width: auto; }
body .smaller-display.wp-block-query > ul > li.wp-block-post { display: flex;  gap: 30px; justify-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; }
body .smaller-display.wp-block-query > ul > li.wp-block-post:first-child, .next-pf-posts.wp-block-query li.wp-block-post:first-child { display: none !important; visibility: hidden !important; }
.wp-site-blocks li.wp-block-post { background-color: transparent !important; }
body .smaller-display.wp-block-query > ul > li.wp-block-post figure, body .smaller-display.wp-block-query > ul > li.wp-block-post h2 { flex-basis: 50%; font-size: 18px; }
#main-footer form { margin-top: 0; }
#main-footer .wp-block-button > a { text-wrap: nowrap; }
#main-footer form label { display: none; visibility: hidden; }
#main-footer form input[type="submit"] {
	background-color: var(--secondary);
	color: #fff;
	font-size: 16px;
}
#main-footer form input[type="email"] {
	background-color: transparent;
	border: 0; 
	border-radius: 0;
	border-bottom: 3px solid var(--secondary);
	color: #333;
}
.menu-toggle { display: block; position: fixed; top: 20px; right: 20px; width: 40px !important; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; padding: 0 !important; z-index: 999; }
.menu-toggle .safe-svg-cover { height: 32px !important; width: 33px !important;  }
.menu-toggle .safe-svg-cover svg { margin-top: 3px !important; }
body.nav-open .menu-toggle .safe-svg-cover { display: none !important; visibility: hidden !important; }
body.nav-open .menu-toggle::before { 
	content: 'x';
	display: block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
body.blog #featured-post figure { display: none !important; visibility: hidden !important; }
body.single-post .entry-content p { color: #555; }
body.single-post .entry-content h1, 
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6 { color: var(--primary) !important; }
.wp-block-post-terms.taxonomy-post_tag a:hover { color: #fff; }
body.single-post .alignleft .wp-block-post-author-name { background-color: var(--primary); color: #fff !important; font-weight: bold; padding: 5px 8px; }
body.single-post .alignleft .wp-block-post-terms { background-color: var(--secondary); color: #fff !important; font-weight: bold; padding: 5px 8px; }
.profitfill-curve *  { width: 100% !important; max-width: 100% !important; max-height: 100px !important; height: auto; }
body.single-post .alignleft .wp-block-post-terms a, body.single-post .alignleft .wp-block-post-author-name a { color: #fff !important; }
	body:not(.nav-open) #mobile-nav { opacity: 0; display: none; visibility: hidden; }
	body.nav-open #mobile-nav { display: block !important; visibility: visible !important; position: fixed; width: calc(100% - 24px); top: 70px; left: 10px; right: 10px; bottom: 10px; border: 2px solid var(--secondary); background-color: #fff; opacity: 1; z-index: 999999; overflow-y: scroll; height: calc(100% - 90px); }
	#mobile-nav ul > li { display: block; clear: both; border-bottom: 1px dashed #ccc; }
	#mobile-nav ul > li.has-children .toggle { display: block; background-color: var(--secondary); color: #fff; position: relative;  border-radius: 15px; height: 30px; width: 30px; z-index: 999999; float: right; text-align: center; transform: rotate(0deg); transition: all 0.2s ease; }
	#mobile-nav ul > li.has-children.open > a .toggle { transform: rotate(45deg); }
	#mobile-nav ul > li:last-child { border-bottom: 0; }
	#mobile-nav ul > li > a { color: var(--primary); font-size: 18px; font-weight: 600; padding: 15px 10px; display: block; }
	#mobile-nav ul > li ul { display: none; visibility: hidden; }
	#mobile-nav ul > li.open ul { display: block; visibility: visible; padding: 0; }
	#mobile-nav ul > li.open ul li { display: block; margin: 0; padding: 0; }
	#mobile-nav li.has-children.open > ul { background-color: var(--secondary); }
	#mobile-nav li.has-children.open > ul > li > a { color: #fff; font-weight: 600; }
	#mobile-nav li.has-children.open > ul > li > a::before { content: '- '; }
@media All and (min-width: 650px){
	/* body:not(.scrolled) #masthead { background-color: transparent !important; } */
	.mobile { display: none !important; visibility: hidden !important; }
	#masthead nav > ul { gap: 0; }
	body.page-id-105 #hero .wp-block-columns > .wp-block-column:last-child figure img { margin-bottom: -30px; }
	#masthead nav > ul > li { border-right: 1px solid #555; }
	#masthead nav > ul > li > a { border-bottom: 2px solid transparent; transition: all 0.2s ease; }
	#masthead nav > ul > li.current-menu-item > a, #masthead nav > ul > li.current-menu-ancestor > a { border-bottom: 2px solid var(--sedondary);  }
	#masthead nav > ul > li > button { display: none; visibility: hidden; }
	#masthead nav > ul > li:last-child { border-right: 0; }
	#masthead nav > ul > li > a { padding: 0 20px; height: 32px; line-height: 32px; }
	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container { border: 2px solid var(--secondary); background-color: #fff; color: var(--secondary); left: 0; }
	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu:hover > a::before {  
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom: 5px solid var(--secondary);
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}
	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container > li > a { font-size: 16px; color: var(--primary); line-height: 120%; padding: 6px 8px;  }

	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container > li > a::before {
		content: '';
		width: 0;
		height: 0;
		display: block;
		border: 5px solid transparent; 
		border-left: 0px solid var(--primary);
		position: relative;
		margin-right: 5px;
		margin-top: 8px;
		top: 50%;
		transform: translate(0,-50%);
		transition: all 0.2s ease;
	}
	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container > li:hover > a::before,
	body .wp-site-blocks #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container > li.current-menu-item > a::before  {
		content: '';
		width: 0;
		height: 0;
		display: block;
		border: 5px solid transparent; 
		border-left: 5px solid var(--primary);
		position: relative;
		margin-right: 5px;
	}
	@keyframes buttonHover {
		0% { background-image: linear-gradient(to top, #fff 0%, #fff 10%, var(--secondary) 10%, var(--secondary) 100%); }
		12% { background-image: linear-gradient(to top, #fff 0%, #fff 25%, var(--secondary) 25%, var(--secondary) 100%); }
		25% { background-image: linear-gradient(to top, #fff 0%, #fff 35%, var(--secondary) 35%, var(--secondary) 100%);) }
		38% { background-image: linear-gradient(to top, #fff 0%, #fff 50%, var(--secondary) 50%, var(--secondary) 100%);) }
		50% { background-image: linear-gradient(to top, #fff 0%, #fff 60%, var(--secondary) 60%, var(--secondary) 100%);) }
		62% { background-image: linear-gradient(to top, #fff 0%, #fff 70%, var(--secondary) 70%, var(--secondary) 100%);) }
		75% { background-image: linear-gradient(to top, #fff 0%, #fff 80%, var(--secondary) 80%, var(--secondary) 100%);) }
		87% { background-image: linear-gradient(to top, #fff 0%, #fff 90%, var(--secondary) 90%, var(--secondary) 100%);) }
		100% { background-image: linear-gradient(to top, #fff 0%, #fff 100%, var(--secondary) 100%, var(--secondary) 100%);) }
	}
	.wp-site-blocks .wp-block-buttons .wp-block-button a { border: 2px solid var(--secondary); }
	.wp-site-blocks .wp-block-buttons .wp-block-button a:hover { animation: buttonHover 0.2s linear; animation-iteration-count: 1; background-color: #fff; color: var(--primary); }
	#what-profitfill-does {  height: 100vh; overflow: hidden;  }
	#wpd-content > div::before { content: ''; display: block; height: 100%; min-height: 500px; width: 10px; background-image: linear-gradient(to bottom, var(--primary), var(--secondary)); position: absolute; margin-left: -50px; flex-grow: 100%; flex-basis: 100%; }
	#wpd-content > div { position: relative; width: auto; height: auto; display: flex; flex-direction: column; gap: 30px; flex-wrap: nowrap; padding: 0 10px; }
	#wpd-content { overflow-y: scroll; max-width: 50%; margin-right: 0; right: 0; padding-left: 30px; }
	/* blog css */
	#featured-post li.wp-block-post { background-color: var(--primary); min-height: 300px; color: #fff; }
	#featured-post li.wp-block-post figure img, #featured-post li.wp-block-post figure { display: none; visibility: hidden; }
	#featured-post li.wp-block-post > .wp-block-group > .wp-block-group {
		padding: 30px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: relative;
		background-color: rgba(0,38,61,0.2);
	}
	.next-pf-posts li.wp-block-post > .wp-block-group > * { flex-basis: 50% !important; }
	.next-pf-posts li.wp-block-post h2 a { color: var(--primary); font-size: 24px !important; }
	#featured-post li.wp-block-post * { color: #fff; }
	#wpd-buttons > div.selected { background-color: var(--secondary) !important; color: #fff; }
	#wpd-buttons > div.selected figure img { fill: #fff;  }
}

@media All and (max-width: 650px) {
	#masthead > div { flex-direction: column !important; gap: 0; }
	#masthead > div figure img { height: 60px; width: auto; }
	#app-integrations, #main-footer nav, #masthead .wp-block-buttons { display: none; visibility: hidden; }
	#app-details > div > div { display: flex !important; visibility: visible !important; opacity: 1 !important; }
	#main-footer .wp-block-columns .wp-block-column:last-child > div { flex-direction: column; }
	body .wp-site-blocks div.profitfill-curve { vertical-align: baseline; height: auto; max-height: 40px;  margin-top: -40px !important; }
	#hero > div > div, .entry-content > div.has-global-padding { padding-left: 20px; padding-right: 20px; }
	body main #wpd-content { height: auto !important; }
	html body .profitfill-curve { padding-left: 0 !important; padding-right: 0 !important; }
	body .profitfill-curve svg > g { bottom: 0; }
	body.blog #featured-post li.wp-block-post { padding: 20px !important; }
	main > div > .wp-block-columns > .wp-block-column:last-child { padding-bottom: 200px; }
	body.blog #featured-post li.wp-block-post h2 a,
	body.blog #featured-post li.wp-block-post p { color: #fff !important; text-shadow: 0 0 3px rgba(0,0,0,0.6); }
	.profitfill-curve { width: 100%; height: 100px; margin-top: 100px; }
	.profitfill-curve .safe-svg-inside, body .profitfill-curve { height: auto !important;  }
	.profitfill-curve svg { width: 100%; height: auto; margin-bottom: -8px; }
	#hero > div { margin-left: 0; margin-right: 0; width: 100% !important; max-width: 100% !important; }
	#hero .wp-block-columns, body .pf-case-study { padding-bottom: 100px !important; }
	#wpd-buttons > div { justify-content: flex-start; }
	#wpd-buttons > div figure { margin: 0 !important; }
	#main-footer .wp-block-columns .wp-block-column:last-child > div { align-items: center; }
	body #what-works { padding-bottom: 0 !important; }
	body.blog .next-pf-posts li.wp-block-post > div, .page-id-132 .wp-block-query li.wp-block-post{ flex-direction: column !important;  }
	body.blog .next-pf-posts li.wp-block-post figure, .page-id-132 .wp-block-query li.wp-block-post figure { width: 100%; max-width: 100%; overflow: hidden; }
	body.blog .next-pf-posts li.wp-block-post h2, .page-id-132 .wp-block-query li.wp-block-post h2 { font-size: 22px !important; color: var(--primary); }
	body.blog .next-pf-posts li.wp-block-post h2 a, .page-id-132 .wp-block-query li.wp-block-post h2 a { color: var(--primary); }
	body.blog .next-pf-posts li.wp-block-post p, .page-id-132 .wp-block-query li.wp-block-post p { color: #555; }
	body .wp-site-blocks div.profitfill-curve.overlay-bottom { margin-top: 0 !important; margin-bottom: 0px !important; }
}

@media All and (min-width: 651px) and (max-width: 1080px) {
	html, body.logged-in #masthead { margin-top: 0 !important; top: 0 !important;  }
	body #masthead { position: relative !important; padding-right: 80px !important; }
	.wp-site-blocks .menu-toggle { position: fixed; top: 20px; right: 20px; display: block !important; visibility: visible !important; opacity: 1; z-index: 999999; }
	#masthead nav { display: none; visibility: hidden; }

	#hero > div > div, .entry-content > div.has-global-padding { padding-left: 50px; padding-right: 50px; }
	html body .profitfill-curve { padding-left: 0 !important; padding-right: 0 !important; }
	body .profitfill-curve svg > g { bottom: 0; }
	.profitfill-curve { width: 100%; height: 100px; margin-top: 100px; }
	.profitfill-curve .safe-svg-inside, body .profitfill-curve { height: auto !important;  }
	.profitfill-curve svg { width: 100%; height: auto; margin-bottom: -5px; }
	.pf-case-study { padding-bottom: 130px !important; }
}

@media All and (min-width: 1081px){
	body #wpd-buttons.wp-block-column { flex-basis: 70%; }
	body #wpd-content.wp-block-column { flex-basis: 30%; }
}