/**
 * K-Tech Contact Button
 */
/* =========================================================
   PARENT
========================================================= */
.ktech-contact {
	position: fixed;
	top: var(--ktech-contact-top);
	z-index: 99999;
    border: 12px solid var(--primary-color);
	border-radius: 50%;
	transform: translateY(-50%);
}

/* RIGHT */
.ktech-contact--right {
	right: 12px;
}

/* LEFT */
.ktech-contact--left {
	left: 12px;
}

/* =========================================================
   ITEMS
========================================================= */
.ktech-contact__items {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* =========================================================
   CHILDREN - RADIAL
========================================================= */
.ktech-contact__children {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ktech-contact-gap, 20px);
	margin: 0;
	padding: 0;
	width: auto;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition:
		opacity .25s ease,
		visibility .25s ease;
}

/* =========================================================
   RIGHT SIDE
========================================================= */
.ktech-contact--right .ktech-contact__children {
	right: calc(100% + var(--ktech-contact-radius, 30px));
}

/* =========================================================
   LEFT SIDE
========================================================= */
.ktech-contact--left .ktech-contact__children {
	left: calc(100% + var(--ktech-contact-radius, 30px));
}

/* =========================================================
   OPEN
========================================================= */
.ktech-contact--has-children.is-open
.ktech-contact__children {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* =========================================================
   CHILD ITEM
========================================================= */
.ktech-contact__children > .img {
	width: var(--ktech-contact-size) !important;
	max-width: var(--ktech-contact-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto;
}

/* =========================================================
   CHILD IMAGE
========================================================= */
.ktech-contact__children > .img .img-inner {
	width: fit-content !important;
}

.ktech-contact__children > .img img {
	display: block !important;
	width: calc(var(--ktech-contact-size) + 15px) !important;
	height: calc(var(--ktech-contact-size) + 15px) !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border-radius: 50%;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

/* =========================================================
   HOVER
========================================================= */
/* 
.ktech-contact__children > .img:hover img {
	transform: scale(1.08);
} */

/* =========================================================
   PARENT BUTTON
========================================================= */
.ktech-contact__button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: var(--ktech-contact-size) !important;
	height: var(--ktech-contact-size) !important;
	min-width: var(--ktech-contact-size) !important;
	min-height: var(--ktech-contact-size) !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	overflow: hidden;
	background: #744a13 !important;
	/* box-shadow: 0 4px 15px rgba(0, 0, 0, .18); */
	cursor: pointer;
	text-decoration: none !important;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

/* =========================================================
   PARENT IMAGE
========================================================= */
.ktech-contact__button .ktech-contact__image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	padding: 5px !important;
	margin: 0 !important;
	object-fit: cover;
	border-radius: 50%;
}

/* =========================================================
   PARENT HOVER
========================================================= */
/* 
.ktech-contact__button:hover {
	transform: scale(1.08);

	box-shadow: 0 7px 22px rgba(0, 0, 0, .25);
} */


/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767px) {
	.ktech-contact {
		border: 8px solid var(--primary-color);
	}

	.ktech-contact__children > .img img {
		width: calc(var(--ktech-contact-size) + 10px) !important;
		height: calc(var(--ktech-contact-size) + 10px) !important;
	}
}