/*
Theme Name: Mailnjoy
Author: Sylvain Allignol
Author URI: https://sylvainallignol.com/
Version: 1.10.9
Description: Thème du site Mailnjoy
*/

@charset "UTF-8";

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,legend,hr,h1,h2,h3{margin:0;padding:0}button,input,select{all:unset;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}img,video,svg{display:block;height:auto;max-width:100%;}

/*--------------------------------------------------------------
Vars
--------------------------------------------------------------*/

:root{
	--white: #fff;
	--dark: #7e7e7e;
	--orange: #f08605;
	--light_orange: #fad7ac;
	--accent: #fef6eb;

	--gradient_orange:linear-gradient(218deg,#f08605,#f5ad57 50%,#f08605);

	--ease:cubic-bezier(.645,.045,.355,1);

	--width_narrow:620px;
	--width_wide:1280px;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

html{
	font-size:110%;
	-webkit-text-size-adjust:100%;
	scroll-padding-top:5.4rem;
}
body{
	position:relative;
	/*min-height: 100vh;*/
	display: flex;
	flex-direction: column;
	text-rendering:optimizeSpeed;
	background:var(--white);
	color:var(--dark);
	font-family:'Lato',system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-size:1rem;
	line-height:1.75;
	overflow-x:hidden;
	word-wrap: break-word;
}
body:not(.page-template-page-no-background){
	background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' fill='%23fef6eb'%3E%3Cpath d='m500 0-1 39A499 499 0 0 1 0 500V0h500ZM150 2h-50c1 12-2 23-6 34-1 2-6 12-5 14l41 23c14-21 19-46 20-71Zm100 0h-50c0 34-10 67-26 97l43 24c21-37 32-79 33-121Zm100 0h-50c0 51-14 102-39 146l42 25 3-3c6-9 12-24 16-34 18-42 28-88 28-134Zm100 0h-50c0 69-18 137-53 197l43 24c39-66 59-144 60-221ZM86 53c-9 13-20 24-33 33l25 42c20-12 37-30 50-50l-3-3c-11-8-27-15-39-22ZM2 100v50c25-1 50-7 71-20L50 89c-2-1-12 4-14 5-11 4-22 7-34 6Zm212 26-42-23c-17 28-41 52-69 68l24 44a254 254 0 0 0 78-71c2-3 11-15 9-18Zm88 51-44-25c-24 44-62 82-106 106l25 44c51-30 95-74 125-125ZM2 200v50c42-1 84-12 121-33l-24-43c-30 16-63 26-97 26Zm201 144 24 44 12-7c61-37 113-92 149-153l-42-26c-35 58-84 109-143 142ZM2 350a354 354 0 0 0 168-44l3-3-25-42c-44 25-95 39-146 39v50Zm0 50v50c65 0 130-15 188-42l34-17-25-44c-60 35-128 53-197 53Z'/%3E%3C/svg%3E") 0 0 no-repeat;
	background-size: 560px;
}
a{
	color:inherit;
	text-decoration:none;
}
a:hover,a:focus{color:#5945e6}
* + :is(figure,h1,h2,h3,p,ul,ol,blockquote,table){margin-top:1.75em}
h1,h2,h3,h4,h5,h6{
	color:var(--orange);
	font-weight:400;
	/*line-height:1.3;
	font-size:2.25rem;*/
}
.subtitle{margin-top:0}
:not(nav):not(.main-menu) > :is(ul,ol):not([class]){padding-left:2em}
nav ul, nav ol{
	list-style: none;
	margin:0
}
ul.wp-block-list{
	padding-left:2rem
}
em,address,cite{
	font-style:italic;
	position:relative;
	vertical-align:baseline;
}
abbr{
	text-transform:uppercase;
	letter-spacing:.05em;
}
abbr[title]{
	text-decoration:none;
	border-bottom:1px dotted;
}
summary{cursor: pointer}
sup,sub{
	font-size:.875rem;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup{top:-.5em}
sub{bottom:-.5em}
small,.subtitle{font-size:.875rem;}
blockquote{
	font-style:italic;
	padding-left:1.75rem;
}
button{cursor: pointer}

:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){font-size:1rem}

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/

.wp-block-button__link{transition: color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);}
:not(.is-style-outline) > .wp-block-button__link{
	background-size: 200%;
	background-position: left center
}
.wp-block-button__link:hover, .wp-block-button__link:focus{
	transform: translateY(-3px);
	background-color: var(--orange);
	color:var(--white)
}
:not(.is-style-outline) > .wp-block-button__link:hover, :not(.is-style-outline) > .wp-block-button__link:focus{background-position: right center}
.wp-block-button.has-icon .wp-block-button__link{
	display:flex;
	align-items: center;
	gap:.5rem;
}
.wp-block-button.has-icon .wp-block-button__link svg{
	fill:currentColor;
	height:1rem
}

/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/

html:focus-within{scroll-behavior:smooth}

:focus:not(:focus-visible){outline:0;}
:focus-visible{
	outline-color: gray;
	outline-offset:5px;
	outline-width: 1px;
	outline-style: dashed;
}
::selection{
	background:#5945e6;
	color:var(--white);
}
.screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}
.screen-reader-text:focus{
	background-color:var(--orange);
	color:var(--white);
	display:block;
	width:auto;
	height:auto;
	top:0;
	left:0;
	padding:.5em 1em;
	text-decoration:none;
	z-index:9;
}

.wrapper{margin-inline:1rem}

.align-stretch{align-items: stretch !important}

.hidden{display:none}

/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
.animate-spin {animation: spin 1s linear infinite;}

/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/

.has-dark-color{color:var(--dark)}
.has-white-color{color:var(--white)}
.has-green-color{color:var(--orange)}
.has-light_orange-color{color:var(--light_orange)}

/*--------------------------------------------------------------
Waves
--------------------------------------------------------------*/

.wave{
	position:relative;
	background: var(--accent);
	margin:5.2vw -1rem !important;
	padding:1rem !important
}
.wave:before,.wave:after{
	content:"";
	position:absolute;
	bottom:100%;
	left:0;
	width:100%;
	height:5.2vw;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3841 100'%3E%3Cpath fill='%23fef6eb' d='M3361 98c-242 0-480-49-480-49S2648 1 2401 1s-480 48-480 48-238 49-480 49-480-49-480-49S728 1 481 1 1 49 1 49v59h3840V49s-238 49-480 49z'/%3E%3C/svg%3E") 0 0 no-repeat;
	background-size: 200% 100%;
	animation:move-left 6s linear infinite;
}
.wave:after{
	bottom:auto;
	top:100%;
	transform:scaleY(-1)
}
@keyframes move-left{
	0%{background-position:0 0}
	100%{background-position:100% 0}
}

/*--------------------------------------------------------------
Slidedowns
--------------------------------------------------------------*/

.slidedown{
	display:none;
}

/*--------------------------------------------------------------
Checklists
--------------------------------------------------------------*/

.check-list li{
	margin-left:2rem;
	list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAnFBMVEUAAACryQ2Xwh2kxxKVwR+0zAiexBi7zwLb2wCtygrH0wHU2ACgxRa1zQPB0QHa2wCzzAXC0gHd3ADS2ACryQvJ1AGpyA3L1QGUwR/Q1wCkxhLE0gGwywfW2QCkxhLd3ACgxRXd3ACcwxmwywjO1wCZwxudxBejxhOnyA/X2gDT2ACryQy1zQO90AK5zgLK1QHH0wHD0gHA0QGVwR/9FIvWAAAAIHRSTlMAHvXgPQrGwsL19fXr4ODgn52ZknBwZmZTRz09MygUEaP3A9QAAACASURBVAjXXcvpEkMwFIbhL9qg+75vIqGVosX93xuHIcP59b3PzMHgtv18uaLXj5UQ4KYvsygSsJ9tH5TSFXgjViff/H9Kaxd+I8zJs0p2QBCS3BdpkmfTE4CC5DiRcZosb/R7toLw/flKGTsM9Y0t3yNZcyoje5pG5leTJDbrdgnehQsbiTYhlQAAAABJRU5ErkJggg==);
}
.check-list li + li{margin-top:.6rem}

/*--------------------------------------------------------------
Main Header
--------------------------------------------------------------*/

.main-header{
	position: relative;
	z-index: 999;
}

/* Main navigation
------------------------*/
.main-nav{transition:background .3s var(--ease), box-shadow .3s var(--ease);}
.main-nav.sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
	background: var(--white);
}
.main-nav > .wrapper{
	display:grid;
	grid-template-columns: 1fr 1fr;
}

/* Logo
------------------------*/
.logo{border:none}
.logo img{
	height:6.8rem;
	width:auto;
	transition: height .3s var(--ease);
}
.sticky .logo img{height:4.4rem}

/* Nav toggle
------------------------*/
.menu-toggle{
	align-self: center;
	justify-self:end;
	padding:.5rem;
	border:1px solid rgba(0,0,0,.1);
	background: var(--white);
	border-radius:.25rem;
}
.menu-toggle:hover, .menu-toggle:focus{color:rgba(0,0,0,.7)}
.menu-toggle svg{
	fill:currentColor;
	width:1.4rem;
}
.menu-toggle path{transition:opacity .2s, transform .2s;}
.menu-toggle[aria-expanded=true] path:nth-child(1) {
	transform: rotate(-45deg) translateX(-11px) translateY(-5px);
}
.menu-toggle[aria-expanded=true] path:nth-child(2) {
	opacity: 0;
}
.menu-toggle[aria-expanded=true] path:nth-child(3) {
	transform: rotate(45deg) translateX(4px) translateY(-6px);
}

/* Main nav
------------------------*/
.main-menu{
	background: var(--white);
	padding:.5rem 0;
	grid-column-end: span 2
}
.main-menu a, .main-menu button{
	position:relative;
	display: flex;
	gap:.25rem;
	align-items: center;
	text-decoration: none;
	text-transform: uppercase;
	padding:.3rem 1rem
}
.main-menu a:hover, .main-menu a:focus, .main-menu button:hover, .main-menu button:focus{color:rgba(0,0,0,.9)}

.menu-item-has-children{position:relative}
button.has-children svg{height:1rem}
.sub-menu{
	background: var(--white);
	border:1px solid rgba(0,0,0,.1)
}
.sub-menu a{text-transform: none;}
.sub-menu a:hover, .sub-menu a:focus{background: #e9ecef;}

/* Language selector
------------------------*/
.lang-toggler{font-size: .8em;}
.lang-toggler svg{height:1rem}
.lang{
	background: var(--white);
	border:1px solid rgba(0,0,0,.1)
}
.lang a{text-transform: none;}
.lang a:hover, .lang a:focus{background: #e9ecef;}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.content{margin-top:3rem}

/*--------------------------------------------------------------
Site footer
--------------------------------------------------------------*/

.site-footer{
	padding:1.5rem 0;
	margin-top:3rem
}
.site-footer p{margin:0}

/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/

@media (min-width:62rem){

	html{scroll-padding-top: 12rem;}

	/*html{font-size:1.25rem;}
	h1,h2,h3{font-size:3.5rem}*/
	.wrapper{margin-inline:8.5rem}
	.wave{
		margin-inline:-8.5rem !important;
		padding-inline:8.5rem !important;
	}
	/*.alignwide{max-width:var(--width_wide)}*/

	/*--------------------------------------------------------------
	Main header
	--------------------------------------------------------------*/

	.main-header{
		position:relative;
		z-index: 99;
	}
	.main-nav > .wrapper{
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		gap:3rem;
	}
	.logo{margin-right: auto}
	.menu-toggle{display: none}
	.main-menu, .main-menu > ul{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.main-menu{
		background: transparent;
		flex:1;
		gap:1rem;
		justify-content: center;
		font-size: .8rem
	}
	.sub-menu{
		position: absolute;
		top:100%;
		right:0;
		width:max-content;
	}
	.lang-menu{
		position: relative;
		margin-left:3rem;
	}
	.lang-toggler{font-size: 1em}
	.lang{
		position: absolute;
		top:100%;
		right:0;
		width:max-content;
	}
	.main-menu :not(.lang, .menu-secondary li, .sub-menu li) > a:after, .main-menu :not(.lang-menu, .menu-secondary li) > button:after{
		content:"";
		position: absolute;
		bottom:0;
		left:1rem;
		width:calc(100% - 2rem);
		height: 1px;
		background: currentColor;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform .3s var(--ease)
	}
	.main-menu :not(.lang) > a:hover:after, .main-menu :not(.lang) > a:focus:after, .main-menu :not(.lang) > button:hover:after, .main-menu :not(.lang) > button:focus:after{transform: scaleX(1)}

	.menu-secondary{gap:1rem}
	.menu-secondary li.login a{
		border:2px solid currentColor;
		border-radius: .5rem;
	}
	.menu-secondary li.signup a{
		border:2px solid var(--orange);
		background: var(--orange);
		color:var(--white);
		border-radius: .5rem;
	}

	/*--------------------------------------------------------------
	Site footer
	--------------------------------------------------------------*/
	
	.site-footer, .footer-navigation > ul {
		display: flex;
		flex-wrap: wrap;
		gap:.5rem 3rem;
		justify-content:flex-end;
		align-items: center
	}
	.site-footer > *:first-child{margin-right: auto}

}

/*--------------------------------------------------------------
Blocks
--------------------------------------------------------------*/

/* Blocks
------------------------*/
.box{padding:1rem}
.box-bordered{
	border:1px solid rgba(0,0,0,.125);
	border-radius: .25rem
}
.box figure{width:100%}
.box img{
	width:100%;
	height:auto
}

/* Cards
------------------------*/

.card{
	background: var(--white);
	padding:2rem 1.5rem;
	border-radius:10px;
	box-shadow: 0 0 40px 5px rgba(51,51,51,.1);
	transition: transform .3s var(--ease), box-shadow .3s var(--ease)
}
.card-hover:hover{
	transform: translateY(-5px);
	box-shadow: 0 18px 40px 5px rgba(51,51,51,.1)
}

/* Prices
------------------------*/
.price{
	background: var(--accent);
	padding:2.8rem 1.25rem;
	border-radius: 5px;
	text-align: center
}
.price img{
	max-width: 220px;
	margin-inline:auto
}
.price-credits{
	color:var(--orange);
	font-size: 1.8rem
}

/* Tabs
------------------------*/
.uagb-tabs__body-wrap{border:none !important}

/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/

/* Home page
------------------------*/

@media (min-width:62rem){
	.home-header-image{margin-right:-8.5rem !important}
}
.features-row{justify-content: center}
.features-row .card{position: relative}
.features-row .card a:after{
	content:"";
	position: absolute;
	inset:0
}
.hunt-clients{
	margin-inline:-1rem !important;
	padding-inline:-1rem !important;
}

/* Pricing
------------------------*/

.price{border-radius:5px}
.price, .price *{transition:background .3s var(--ease), transform .3s var(--ease), color .3s var(--ease);}
.price:hover{
	transform: translateY(-5px);
	background: linear-gradient(-180deg,#fad7ac,#f08605)
}
.price:hover *{color:var(--white) !important;}

.uagb-tabs-list{text-transform: uppercase}
.uagb-tabs__body-wrap{
	overflow: hidden;
	display:grid;
	grid-template-areas:"content"
}
.uagb-tabs__body-wrap > *{grid-area: content}
.prices .uagb-tabs__body-container{
	position:relative;
	z-index: 1;
	display:block;
	transition: opacity .5s var(--ease), transform .5s var(--ease);
}
.prices .uagb-tabs__body-container:not(.uagb-tabs-body__active){
	display:block;
	opacity:0;
	transform:translateX(50%);
	z-index: 0;
}
@media (max-width:1600px){
	.is-layout-grid.prices-grid{grid-template-columns: 1fr 1fr 1fr}
}
@media (max-width:1200px){
	.is-layout-grid.prices-grid{grid-template-columns: 1fr 1fr}
}
@media (max-width:960px){
	.is-layout-grid.prices-grid{grid-template-columns: 1fr}
}

/* Find emails
------------------------*/

.wp-block-uagb-faq .uagb-faq-item{
	border:none !important;
	box-shadow: 0 0 40px 5px rgba(51,51,51,.1);
}
.wp-block-uagb-faq .uagb-faq-item .uagb-faq-content{border:none !important}
.wp-block-uagb-faq .uagb-faq-item-active .uagb-faq-questions-button{
	color:var(--white);
	background: var(--gradient_orange);
	border-radius:5px 5px 0 0;
}
.wp-block-uagb-faq .uagb-faq-item .uagb-icon svg{fill:var(--orange)}
.wp-block-uagb-faq .uagb-faq-item .uagb-icon-active svg{fill:var(--white)}

@media(min-width:62rem){
	.mr--10{margin-right:-10rem;}
}

/* Team
------------------------*/

.members-columns{justify-content: center}
.team .align-stretch > .wp-block-column > *{height:100%}
.member-infos img{max-width:200px;}
.member-infos h3{color:#333}
.member-infos .has-small-font-size{margin-top:0}

.member .uagb-svg-wrapper{position:relative}
.member .uagb-svg-wrapper:before, .member .uagb-svg-wrapper:after{
	content:'';
	position: absolute;
	z-index: 999;
	opacity:0;
	visibility: hidden;
	pointer-events: none;
	transition: all .3s ease;
}
.member .uagb-svg-wrapper:before{
	left:calc(50% - 7px);
	margin-bottom:-13px;
	border:7px solid transparent;
	border-top-color: var(--orange);
	bottom:100%;
}
.member .uagb-svg-wrapper:after{
	content:attr(aria-label);
	background: var(--orange);
	color:var(--white);
	transform: translateX(-50%);
	white-space: nowrap;
	bottom:100%;
	left:50%;
	padding:8px 10px;
	font-size:.875rem;
	line-height: 1.2;
	border-radius: 5px;
	box-shadow: 4px 4px 8px rgba(0,0,0,.3);
}
.member .uagb-svg-wrapper:hover:before{
	transform: translateY(-8px);
	visibility: visible;
	opacity: 1;
	transition-delay: .1s
}
.member .uagb-svg-wrapper:hover:after{
	transform:translateX(-50%) translateY(-8px);
	visibility: visible;
	opacity: 1;
	transition-delay: .1s
}


/* Partners
------------------------*/

.partners.align-stretch > .wp-block-column > *{height:100%}

/*--------------------------------------------------------------
Email Finder
--------------------------------------------------------------*/

.heading{display: none;}
.heading.active{display:block}

/* Alerts */

.alert{
	padding:.75rem 1rem;
	margin-bottom:3rem;
	border-radius:.25rem;
	border:1px solid currentColor;
}
.alert-warning{
	background: rgb(254 249 195);
	color:rgb(161 98 7)
}
.alert-danger{
	background: rgb(254 226 226);
	color:rgb(185 28 28)
}
.alert a{text-decoration: underline;}

/* Loader */

.loading-content{
	display:flex;
	gap:1.75rem;
	align-items: center;
	border:2px solid var(--orange);
	border-radius:2rem;
	padding:1rem 2rem;
}
.spinner {
	width: 1.5rem;
	aspect-ratio: 1;
	border-radius: 50%;
	border: .25rem solid var(--orange);
	animation:
		spin-1 0.8s infinite linear alternate,
		spin-2 1.6s infinite linear;
}
.long-search{
	margin:1.75rem 0 0;
	text-align: center;
	font-style:italic;
}

@keyframes spin-1 {
	0% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)}
	12.5% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)}
	25% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)}
	50% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}
	62.5% {clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}
	75% {clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)}
	100% {clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)}
}

@keyframes spin-2 {
	0% {transform: scaleY(1) rotate(0deg)}
	49.99% {transform: scaleY(1) rotate(135deg)}
	50% {transform: scaleY(-1) rotate(0deg)}
	100% {transform: scaleY(-1) rotate(-135deg)}
}


/* Tabs */

.tabs-pills{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:1rem;
	margin:0 -2rem 4rem;
	padding:1rem 2rem;
	background: rgba(0,0,0,.25);
}
.tabs-pills > button{
	display: flex;
	align-items: center;
	gap:.5rem;
	padding:.5rem 1.25rem;
	border-radius:3rem;
	color:var(--white);
	font-weight: 600;
	transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}
.tabs-pills > button:hover, .tabs-pills > button:focus, .tabs-pills > button.active{
	background: rgba(0,0,0,.25);
}
.tabs-pills > button svg{
	height:1.5rem;
	width:1.5rem;
}

.tabs-panels > form{
	display:none;
}
.tabs-panels > form.active{
	display:flex;
	align-items: center;
}

/* Form */

.emailfinder{
	padding:0 2rem 4rem;
	text-align: center;
	background: var(--orange);
	color:var(--white);
}

.emailfinder-header{
	margin-bottom:2rem;
	text-align: center;
}
.emailfinder-header h1, .emailfinder-header h2{
	display:inline;
	font-weight: 700;
	font-size:2.5rem;
}
.emailfinder-header h2:before{content:" : "}

.emailfinder-content{
	margin-bottom:4rem;
	text-align: center;
}
.emailfinder-content p + p{margin-top:0}

.emailfinder-form{
	display:flex;
	justify-content: center;
	gap:1rem;
	flex-wrap: wrap;
}
.emailfinder-form input[type="text"]{
	width:100%;
	max-width: 20rem;
	font-size:1.125rem;
	padding:.625rem 1.25rem;
	background: rgba(255 255 255 / 0.75);
	border-radius:3rem;
	text-align: left;
	color:var(--dark);
}
.emailfinder-form input.disabled{cursor: not-allowed}
.emailfinder-form input[type="text"]::placeholder{color: var(--orange)}
.emailfinder-form .test-button{
	display: flex;
	align-items: center;
	gap:.5rem;
	padding:.875rem 1.75rem;
	border-radius:3rem;
	background: var(--white);
	color:var(--orange);
	font-weight: 600;
	transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}
.emailfinder-form .test-button:hover, .emailfinder-form .test-button:focus{
	background: var(--accent);
}
.emailfinder-form .test-button svg{
	height:1.5rem;
	width:1.5rem;
}
.emailfinder-form .test-button.hidden{
	display: none;
}

.disclaimer{
	font-size:.875rem;
	text-align: center;
	max-width:40rem;
	margin-inline: auto;
	margin-bottom:3rem;
}

/* Results */

#results{
	max-width:80rem;
	margin:4rem auto;
	scroll-margin-top: 3rem;
}
#results h3 span{color:var(--dark)}
.result{display: none;}
.result.active{
	display: block;
}

#results .result ul{
	margin:1.75rem 0 0;
	padding:0;
	border:2px solid var(--dark);
	border-radius:5px;
	width:fit-content;
	max-width: 100%;
}
.result li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap:3rem;
	padding:.5rem 1rem;
}
.result li + li{
	border-top:2px solid var(--dark);
}
.result li button.copied{
	color:var(--orange);
}
.result li button svg{
	height:1.5rem;
	width:1.5rem;
}

/* Help */

.has-icon{
	display: flex;
	align-items: center;
	gap:.5rem;
}
.has-icon svg{
	height:1.5rem;
	width:1.5rem;
}
.help-block{
	margin-top:3rem;
	display:none;
	align-items: center;
	gap:3rem;
	justify-content: center;
}
.help-block.active{
	display:flex;
	flex-direction: column;
	align-items: stretch;
}
.you-provide, .you-get{
	padding:1.75rem;
	background: var(--accent);
	position: relative;
}
.you-get{padding-top:calc(1.75rem + 1.5rem)}
.you-provide:after, .you-get:before{
	content:"";
	position: absolute;
	top:calc(100% - 1.5rem);
	left:0;
	width:100%;
	height:3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10' fill='%23fef6eb'%3E%3Cpath d='m0 5 5-5 5 5-5 5z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.you-get:before{
	top:-1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 10 10' fill='%23fff'%3E%3Cpath d='m0 5 5-5 5 5-5 5z'/%3E%3C/svg%3E");
}
@media  (min-width:62rem){
	.help-block.active{
		flex-direction: row;
		gap:5rem;
	}
	.you-provide, .you-get{
		padding:2.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.you-get{padding-left:5rem}
	.you-provide:after{
		left:calc(100% - 2.5rem);
		top:0;
		width:5rem;
		height:100%;
	}
	.you-get:before{
		left:-2.5rem;
		top:0;
		width:5rem;
		height:100%;
	}
}

/* Arrows columns */
.arrows-columns .wp-block-column:not(:last-child){
	position:relative;
}
.arrows-columns .wp-block-column:not(:last-child):after{
	content:"";
	position:absolute;
	left:50%;
	top:calc(100% - .5rem);
	width:3rem;
	height:3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f08605' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.6a2 2 0 0 0-1 1.8V8H4a2 2 0 0 0-2 2v4.1A2 2 0 0 0 4 16h7v2.6a2 2 0 0 0 3.4 1.4l6.6-6.6a2 2 0 0 0 0-2.8L14.4 4a2 2 0 0 0-2.2-.4h-.1z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateX(-50%) rotate(90deg);
	z-index: 1;
}
@media (min-width:62rem){
	.arrows-columns .wp-block-column > *{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.arrows-columns .wp-block-column:not(:last-child):after{
		top:50%;
		left:calc(100% + var(--wp--preset--spacing--60) / 3);
		height:5rem;
		width:5rem;
		transform: translateY(-50%) rotate(0deg);
	}
	.hunt-clients{
		margin-inline:-8.5rem !important;
		padding-inline:8.5rem !important;
	}
}