/*
 Theme Name:   Kadence Child
 Theme URI:    https://example.com/kadence-child/
 Description:  Kadence Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     kadence
 Version:      1.0.2
 Tags:         customizable, modern, responsive-layout, gutenberg, header builder, footer builder
 Text Domain:  kadencechild
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root {
  --btn-shadow: 0px 2px 4px 0px #000A1F33;
  --btn-border: 1px solid #4f4f4f1A;
  --p-500: #1EE600;
  --p-400: #2CFF05;
  --n-950: #010101;
  --n-000: #ffffff;
  --btn-radius: 8px;
}

*::selection {
  color: var(--n-950);
  background: var(--p-400);
}

.is-my-btn {
  padding: 6px 12px;
  border-radius: var(--btn-radius);
  border: var(--btn-border);
  box-shadow: var(--btn-shadow);
}

.is-my-btn:hover {
  box-shadow: var(--btn-shadow);
}

.is-btn-white {
  background: var(--n-000);
  color: var(--n-950);
}

.is-btn-dark {
  background: var(--n-950);
  color: var(--n-000);
}

.is-btn-white:hover, .is-btn-dark:hover {
  background: var(--p-400);
  color: var(--n-950);
}

.is-btn-accent {
  background: var(--p-400);
  color: var(--n-950);
}

.is-btn-accent:hover {
  background: var(--p-500);
  color: var(--n-950);
}

.is-my-btn span {
  position: relative;
  display: inline-block;
  transition: transform 0.3s;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
}

.is-my-btn span:before {
  position:absolute;
  top:100%;
  left:0;
  width: 100%;
  height: 100%;
  content: attr(data-text);
  transition: 0.3s;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  color: var(--n-950);
}

.is-my-btn:hover .kt-btn-inner-text {
  transform: rotateX(90deg) translateY(-12px);
}

.is-btn-white .kb-svg-icon-wrap {
    color: var(--p-500);
}

.is-btn-white:hover .kb-svg-icon-wrap {
    color: var(--n-950);
}

.is-btn-dark .kb-svg-icon-wrap {
  color: var(--p-400);
}

.is-btn-dark:hover .kb-svg-icon-wrap {
  color: var(--n-950);
}

.is-btn-outline-dark {
  background: none;
  box-shadow: none;
  color: var(--n-950);
}

.is-btn-outline-dark:hover, .is-btn-outline-white:hover {
  background: var(--p-400);
  color: var(--n-950);
  box-shadow: var(--btn-shadow);
}

.is-btn-outline-white {
  background: none;
  box-shadow: none;
  color: var(--n-000);
}

* {
	border-collapse: all;
}

.sidebar-inner-wrap {
	position:sticky;
	top:120px;
}

.header-avail-status {
	border: 1px solid lightgray;
	padding: 4px 12px 4px 32px;
	border-radius: 8px;
}

.header-loader {
	position:relative;
	left: -40px;
	top: -16px;
}

.circle {
    width: 8px;
    height: 8px;
    background-color: #00FF0F;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}

.ringring {
    border: 2px solid #00FF0F;
    -webkit-border-radius: 30px;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 19px;
    top: 19px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}


p > a {
  background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #00FF0F 50%);
  background-position: -0% 0;
  background-size: 200% auto;
  text-decoration: underline #00ff0f solid 2px;
  transition: background-position 0.5s ease-out;
}
p > a:hover {
  background-position: -99.99% 0;
}

.header-button::after {

	display:table-cell;
	align-items:center;
	padding-top:2px;
	margin-left:6px;
	height:14px;
	width:14px;
	content: url(https://new.pixeldesigns.my/wp-content/uploads/2024/06/icon.svg);
}
.header-button {
	display:flex;
	align-items:top;
}

#bwg_container3_0 > div.search_line.bwg_tag_select_view > div.bwg_order_cont > div > p > span {
	padding-right:12px;
}