/*
Theme Name: Bridge
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: http://qodethemes.com/
Text Domain: bridge
Version: 20.4
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

.whatsfixo {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #25D366;
	background: #25D366;
	webkit-transition: border .3s linear, background .2s linear, box-shadow .2s linear, color .1s linear !important;
	transition: border .3s linear, background .2s linear, box-shadow .2s linear, color .1s linear !important;
	left: 25px;
	bottom: 65px;
	position: fixed;
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	animation: shake 6s cubic-bezier(.36, .07, .19, .97) both infinite;
	z-index: 10000;
}

.whatsfixo:hover {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #1cbb9b;
	background: #1cbb9b;
	-webkit-box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	animation: shake 6s cubic-bezier(.36, .07, .19, .97) both paused;
	cursor: pointer;
}

.whatsfixo:focus {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid #1cbb9b;
	background: #1cbb9b;
	-webkit-box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	box-shadow: -2px 10px 31px -9px rgba(0, 0, 0, 0.5);
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	outline: none;
	animation: shake 6s cubic-bezier(.36, .07, .19, .97) both paused;
}

.whatsfixoi:focus {
	font-size: 22px;
	color: #fff;
	font-weight: 600;
}