/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* float button */
.ufw_wb {
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
}
.ufw_btn_oinfo {
    flex-direction: row-reverse !important;
}
.ufw_btn_wrap {
    justify-content: flex-end !important;
    display: flex !important;
}
.ufw_btn.ufw_btn_text {
    padding: 0px 10px !important;
}
.ufw_b_image {
    padding: 0px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.ufw_btn img {
    width: 30px !important;
	height: 30px !important;
}
.ufw_btn_oinfo {
    padding: 0px 20px;
}
.ufw_btn .ufw_b_text {
    margin: 0px !important;
}
.ufw_wb_inner {
    padding: 0rem 0rem 0rem 1.5rem !important;
}
.ufw_wb_inner {
    display: flex;
    flex-direction: column-reverse;
}
.ufw_btn .ufw_b_text {
	text-wrap: nowrap;
}
#ufw_1 {
    position: fixed;
    bottom: -100px;
    opacity: 0; 
    transition: bottom 1s ease-in-out, opacity 1s ease-in-out;
}

.ufw_wrap.ufw_pp.ufw_p_bl.show.ufw_wb_closed {
    animation: webjarCallToActionAniation 1s ease 0s infinite normal forwards;
}

#ufw_1.show {
    bottom: 20px;
    opacity: 1; 
}


@keyframes webjarCallToActionAniation {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}

@media (min-width: 768px){
	.ufw_btn_wrap {
    margin-left: 2rem;
}
}
@media (max-width: 768px){
	.ufw_wb_inner {
    padding: 0px !important;
}
	.ufw_btn_wrap {
    margin-left: 1rem;
}
}
@media (max-width: 440px){
	.ufw_btn .ufw_b_text {
    font-size: 12px;
}
}
/* end flaot button */