/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*
    Add your custom styles here
*/

.clipboardjs-btn {
	position: relative;
}
.share-group-container,
.share-group {
	display: flex;
	gap: 5px;
}
.share-circle {
	background: #CFF2FF;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	position: relative;
	transition: all 300ms ease-in-out;
	cursor: pointer;
}
.share-circle:hover {
	background: #FFFFFF;
}
.share-circle svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	transform: translate(-50%, -50%);
}
.tooltip.top {
	transition: opacity 300ms ease-in-out;
    position: absolute !important;
    white-space: nowrap !important;
    font-size: 12px;
    color: white;
    font-weight: bold;
}
.tooltip-inner {
	position: relative;
	top: 20px;
	right: 100px;
}
.share-circle-1,
.share-circle-2,
.share-circle-3,
.share-circle-4 {
	position: absolute;
	right: 0;
	transition: all 300ms ease;
	opacity: 0;
	z-index: 9999;
}
.toggle-share-group-svg {
	position: relative;
	z-index: 99999;
	cursor: pointer;
}
.share-group {
	position: relative;
	z-index: 2;
}
.toggle-share-group {
	width: 100%;
	z-index: 9999;
	position: relative;
	cursor:pointer;
}
.share-circle-1.active {
	right: 160px;
	opacity: 1;
}
.share-circle-2.active {
	right: 120px;
	opacity: 1;
}
.share-circle-3.active {
	right: 80px;
	opacity: 1;
}
.share-circle-4.active {
	right: 40px;
	opacity: 1;
}