.cta_bar {
	text-align:center;
	padding:20px 40px;

	border:5px solid white;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,.2);

	/*text-shadow: 0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;*/

	width:85%;
	max-width:1900px;
	margin-left:auto;
	margin-right:auto;

	/*background-image: url(/wp-content/uploads/vd_cta_bkg.webp);*/

	/*background-image:url(/wp-content/uploads/easter_cta_bkg.webp);*/
	background-image: url(/wp-content/uploads/mohersday_cta_bkg.webp);
	background-size:cover;
	background-position:center center;

	font-size:1.5em;
	position:relative;

	overflow:hidden;
}

.cta_content {
	display:inline-block;
	padding:10px 60px;
	background-color:rgba(255,255,255,.65);
	border-radius:10px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
	position:relative;
	z-index:2;
}

.cta_bar h1 {
	line-height:1em;
}

.cta_head {
	font-family: "Mystery Quest", Arial;
	font-size:3.5em;
	font-weight:400;
	margin:0;
	line-height:1em;
}

.cta_bar p {
	position:relative;
	z-index:2;
	margin:0;
}

.cta_bar p a {
	white-space: nowrap;
}

.cta_bar b {
	font-size:1.25em;
	
	line-height:1.25em;
	opacity:.5;
}

/* valentines */

.cta_upper_left {
	position:absolute;
	top:-30px;
	left:-40px;
	animation: twiddle 4s infinite linear;
}
.cta_lower_right {
	position:absolute;
	bottom:-60px;
	right:-30px;
	animation: twiddle_counter 3.5s infinite linear;
	animation-delay: 1s;
}

/* BUNNY FOR EASTER */


.bun {
	position:absolute;
	bottom:-48px;
	left:20px;
}

.bun svg {
	width:100%;
	height:auto;
	max-width:300px;
}

.bounce {
	animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-20px);
	}
	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

/* mother's day */


.mom {
	position:absolute;
	bottom:-60px;
	left:20px;
	z-index: 2;
}


.mom svg {
	width:100%;
	height:auto;
	max-width:170px;
}

.hug {
	animation: hug 2s linear infinite;
}

@keyframes hug {
	0% {
		transform: rotate(0);
	}

	25% {
		transform: rotate(3deg);
	}


	75% {
		transform: rotate(-3deg);
	}

	100% {
		transform: rotate(0);
	}
}


.hearts {
	width:300px;
	min-width: 100px;
	height: 100%;
	position: absolute;
	z-index: 1;
	top:0;
	left:0px;
}

.heart {
	height: 20%;
	min-height: 25px;
	width: 20%;
	min-width: 25px;
	background-color: red;
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg>');
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg>');

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: bottom;
	mask-position: bottom;

	opacity: 0;
	animation: floating-heart 8s infinite cubic-bezier(0.5, 0.5, 0.5, 0.5);

	position:absolute;
}

.heart:nth-child(2) {  
	animation-delay: .5s;
}

.heart:nth-child(3) {
	animation-delay: 1s;
}

.heart:nth-child(4) {
	animation-delay: 1.5s;
}

.heart:nth-child(5) {
	animation-delay: 2s;
}
.heart:nth-child(6) {
	animation-delay: 2.5s;
}

.heart:nth-child(7) {
	animation-delay: 3s;
}

.heart:nth-child(9) {
	animation-delay: 3.5s;
}


@keyframes floating-heart {
	0% {
		opacity: 0;
		bottom: 0%;
		left: 0%;
	}
	10% {
		opacity: 1;
		bottom: 20%;
		left: 70%;
	}
	20% {
		bottom: 40%;
		left: 10%;
	}
	30% {
		bottom: 60%;
		left: 50%;
	}
	40% {
		opacity: 1;
		bottom: 80%;
		left: 5%;
	}
	48% {
		opacity: 0;
		bottom: 100%;
		left: 60%;
	}
	100% {
		opacity: 0;
		bottom: 100%;
		left: 100%;
	}
}



@keyframes twiddle {
	0% {
		transform: ;
		transform:scale(1) rotate(0deg);
	}
	5% {
		transform: rotate(10deg);
		transform:scale(1.125) rotate(10deg);
	}

	10% {
		transform:scale(1) rotate(0deg);
	}
}

@keyframes twiddle_counter {
	0% {
		transform: ;
		transform:scale(1) rotate(0deg);
	}
	5% {
		transform: rotate(10deg);
		transform:scale(1.125) rotate(-10deg);
	}

	10% {
		transform:scale(1) rotate(0deg);
	}
}

.cta_upper_left img,
.cta_lower_right img {
	width:100%;
	height:auto;
	max-width:110px;
}

.cta_phone_link {
	color:black;
	white-space: nowrap;
}



@media all and (max-width:1035px) {
	.mom {
		left:0;
	}

	.cta_content {
		position:relative;
		right:0;
		left:10%;
	}
}

@media all and (max-width:800px) {
	.cta_bar {
		display: grid;
		justify-content: end;
		padding:20px 20px;
	}
	.cta_head {
		font-size:2.5em;
	}
	.cta_content {
		left:auto;
		right:0;
		padding:10px 30px;
	}
}

@media all and (max-width:700px) {
	.mom svg {
		width:100%;
		height:auto;
		max-width:120px;
	}
}

@media all and (max-width:650px) {
	.cta_bar {
		display:block;
		padding-bottom:200px;
		
	}

	.mom svg {
		max-width:150px;
	}
}

@media all and (max-width:400px) {
	.cta_head {

		font-size:1.5em;

	}


.cta_bar b {
	font-size:1em;
	
	line-height:1em;
}
}


/* easter 
@media all and (max-width:500px) {
	.cta_upper_left img,
	.cta_lower_right img {
		max-width:90px;
	}
	.cta_bar {
		text-align:center;
		padding:20px 40px;
		width:80%;
	}
}

@media all and (max-width:450px) {
	.cta_upper_left {
		position:absolute;
		top:-60px;
		left:-20px;
	}
	.cta_lower_right {
		position:absolute;
		bottom:-80px;
		right:-10px;
	}
	.cta_bar {
		text-align:center;
		padding:20px 20px 120px 20px;
		font-size:1.25em;

	}
}
*/