/**
 * Theme Name: Zeyzelf
 * Version: 1.1
 */

.max-w-\[130px\]{
  max-width: 130px;
}

.text-\[\#2869D9\]{
  --tw-text-opacity: 1;
  color: rgb(40 105 217 / var(--tw-text-opacity, 1));
}

@media (min-width: 830px) {
	.md\:pb-70 {
        padding-bottom: 70px;
    }
}

@media (min-width: 1050px){
	.lg\:py-80{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}



.step-one{background: #2BC4B7;}

#step-1.step-one{
	background-size: contain; background-repeat: no-repeat; background-position: right;
}
#step-2.step-one{
	background-size: 38%; background-repeat: no-repeat; background-position: right bottom;
}
#sm-huge-text.step-one{
	background-size: 48%; background-repeat: no-repeat; background-position: right top;
}

#sm-huge-text.step-one h1.huge{margin-top: 20px;}

.video-info-wrapper p{
    line-height: 1.1em;
    margin-bottom: 8px;
}

.video-info-wrapper a{
	color: #002996;
	text-decoration: underline;
	text-underline-position: under;
	text-underline-offset: -1px;
}

.video-info-content{margin-top: 25px;}


img.butterfly{
	width: 100%;
	height: auto;
	max-width: 150px;
	position: absolute;
	z-index: 99;
}
img.butterfly#butterfly-1{
	max-width: 140px;
	right: 30px;
  top: -70px;
}
img.butterfly#butterfly-5{
	max-width: 130px;
	right: 30px;
  top: 0;
}
img.butterfly#butterfly-4{
	max-width: 120px;
	right: 30px;
    top: -105px;
}
img.butterfly#footer-butterfly{
	max-width: 120px;
  left: calc(56vw + 120px);
  top: -105px;
}
.page-id-308 img.butterfly#butterfly-4{
	transform: rotate(20deg);
	max-width: 140px;
  right: 32px;
  top: -30px;
}
.page-id-74 img.presc-qr{
	max-width: 120px;
	transform: rotate(20deg);
	margin-top: 20px;
}
@media (max-width: 500px){
	img.butterfly#butterfly-1{
		max-width: 85px;
		right: 30px;
	  top: -35px;
	}
	img.butterfly#butterfly-2{
		position: relative;
		max-width: 135px;
		right: -155px;
	  top: 0px;
	  transform: rotate(18deg);
	}
	img.butterfly#butterfly-3{
		max-width: 110px;
	    left: 160px;
	    top: -14px;
	}
	#sm-huge-text img.butterfly#butterfly-3{left: 230px;}
	img.butterfly#butterfly-4{
		max-width: 60px;
		right: 30px;
	    top: -52px;
	}
	.page-id-308 img.butterfly#butterfly-4{
		max-width: 100px;
    right: 5px;
    top: -35px;
	}
}

@media (min-width: 500px){
img.presc-qr{
		margin-left: 40px;
	}
}

@media (min-width: 500px) and (max-width: 1439px){
	.page-id-74 img.butterfly#butterfly-1{
		max-width: 120px;
		right: 40px;
	  top: -55px;
	}
	img.butterfly#butterfly-2{
		position: relative;
		float: right;
		max-width: 155px;
		right: 130px;
	  top: -184px;
	  transform: rotate(18deg);
	}
	img.butterfly#butterfly-3{
		max-width: calc(70px + 60 * (100vw - 500px) / 940);
		right: initial;
        left: calc(30px + 200 * (100vw - 500px) / 940);
    	top: calc(5px + -30 * (100vw - 500px) / 940);
	}
	#sm-huge-text img.butterfly#butterfly-3{
		max-width: calc(70px + 60 * (100vw - 800px) / 640);
		right: initial;
        left: calc(300px + 380 * (100vw - 800px) / 640);
    	top: calc(30px + -110 * (100vw - 800px) / 640);
	}
	.page-id-308 img.butterfly#butterfly-4{
		max-width: 120px;
    right: 0px;
    top: -40px;
	}
}
@media (min-width: 1440px){
	img.butterfly#butterfly-2{
		position: relative;
		float: right;
		max-width: 155px;
		right: 130px;
	    top: -184px;
	    transform: rotate(18deg);
	}
	:not(#sm-huge-text) img.butterfly#butterfly-3{
		max-width: 130px;
		right: initial;
        left: 220px;
        top: -32px;
	}
	#sm-huge-text img.butterfly#butterfly-3{
		max-width: 115px;
		right: initial;
        left: 690px;
        top: -65px;
	}

}
@media (min-width: 500px) and (max-width: 992px){
	img.butterfly#butterfly-2{
		position: relative;
		float: right;
		max-width: 155px;
		right: 120px;
	  top: -295px;
	  transform: rotate(18deg);
	}
}

#wysiwyg-text-content-block_8d1ee2f2e0f832ab36e49b911113ef5a{padding-top: 0 !important;}

#whats-in-the-box-block_de0bf3551d5d0d28e23d9377ddf74a3a{margin-bottom: 50px !important;}

#wysiwyg-text-content-block_dd2b03704fcb5f49e30b7a3eda90a14a{padding-top: 60px !important;}

.hustle-ui.hustle-popup .hustle-popup-content{margin: 90px auto 0 !important;}
.hustle-ui.hustle-popup{height: unset !important;}
.hustle-icon-close, .hustle-icon-close:hover, .hustle-icon-close:focus {color:rgb(64,64,65) !important; }
.hustle-ui .hustle-icon-close:after{
	content: 'CLOSE';
	position: absolute;
	font-family: "Calibri", sans-serif !important;
	font-size: 14px !important;
	left: -35px;
  top: 11px;
}

.hustle-ui [class*=hustle-icon-]:after{font-family: "Calibri", sans-serif !important;}

@media (min-width: 500px){
	.badge-container{
		position: absolute;
		right: 150px;
		z-index: 99999;
	}
}