/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/* MOBILE MENU STYLING  */

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content, .off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content  { /* Menu Background Color */
  /* background-color: #fff;*/
}

.off-canvas .nav-vertical>li>a { /* Main Menu Links Styling */
    font-size: 18px;
    /*color: var(--fs-color-primary);*/
    color: #444444;
    line-height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px !important;
}

.nav-vertical>li>ul li a { /* Sub Menu Links Styling */
  color: #8b8b8b;
}

.nav-vertical>li>ul li a:hover { /* Sub Menu Links: Hover Styling */
  color: var(--fs-color-primary);
}

.nav-vertical li li.menu-item-has-children>a { /* Sub Menu Links with Children: Styling */
    color: var(--fs-color-primary);
    text-transform: none;
    font-size: 100%;
}

.toggle, .toggle:focus { /* Dropdown arrow styling */
    opacity: 1;
}

@media screen and (max-width: 549px) { /* Close X styling for Phone */
.mfp-ready .mfp-close { 
	/*color:var(--fs-color-primary);*/
    opacity: 1;
    mix-blend-mode: inherit;
}
}
.off-canvas-right .mfp-content .toggle {
    color: var(--fs-color-primary)!important;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Transition Speed */
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { /* Remove Background Hover */
    background-color: transparent;
}

.nav-sidebar.nav-vertical>li+li { /* Border Styling */
    border-top: 0px solid #ececec;
}

.nav-sidebar .button { /* Button Full Width */
    width:100%;
}

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 { /* Button Small Margin */
	margin:4px !important;
}

@media screen and (max-width: 549px) { /* Width & Padding Menu - Phone Only */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
	}
}

@media screen and (min-width: 550px) { /* Width & Padding Menu - Tablet Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 400px;
	}
}

@media screen and (min-width: 1800px) { /* Width & Padding Menu - Big Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 500px;
	}
}

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li>a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li>a { /* Important Padding - Dont remove */
    padding-left: 0px;
}

.nav-vertical li li.menu-item-has-children { /* Important Padding - Dont remove */
	margin:0px;
}

.off-canvas:not(.off-canvas-center) li.html { /* Padding & Margin - Dont remove */
    padding: 0px;
    margin: 20px 0px;
}
li.html.custom.html_topbar_right {
    margin: 0px;
}
/* END MOBILE MENU STYLING */

body.nav-light header:not(.sticky) .navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-menu:before {
    content: none;
}
.nav>li>a>i.icon-menu {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.stuck .nav>li>a>i.icon-menu {
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23111111' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");*/
}


.ticker-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ticker {
  white-space: nowrap;
  display: flex;
}

.ticker-content {
  display: inline-block;
  animation: ticker-animation 50s linear infinite;
}

.ticker-content span {
  display: inline-block;
  padding: 0 2rem;
  white-space: nowrap;
}

@keyframes ticker-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width:1024px) {
.videos-reviews .slider-nav-outside {
    position: relative; /* Ensure parent is positioned */
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button {
    position: absolute;
    top: -28rem; /* adjust as needed */
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button.next {
    right: 0.5rem; /* top right corner */
    left: auto;
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button.previous {
    right: 2.5rem; /* position to the left of the next button */
    left: auto;
}

/* Base wrapper */
.is-grd-border.is-animate {
  position: relative;
  border-radius: 24px;
  border: 1px solid transparent;
  overflow: visible;
}

/* Orb */
.is-grd-border.is-animate>.col-inner::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 6px rgba(255,255,255,0.6);
  transform: translate(-50%, -50%);
  top: 0;    /* start top-centre */
  left: 50%;
  will-change: top, left, transform;
  animation: orb-loop 6s linear infinite both;
	opacity:0;
	  transition: opacity .25s ease-in-out;

}
.is-grd-border.is-animate:hover>.col-inner::after {
	opacity:1;
	}
/* Constant-speed rectangular lap with tight corner arcs */
@keyframes orb-loop {
  /* top edge → near top-right */
   0%  { top: 0;        left: 50%; }
  12%  { top: 0;        left: 100%; }

  /* tighter arc around top-right */
  13%  { top: 2px;      left: 98%; }
  25%  { top: 50%;      left: 100%; }

  /* right edge → near bottom-right */
  37%  { top: 100%;     left: 100%; }

  /* tighter arc around bottom-right */
  38%  { top: 98%;      left: 98%; }
  50%  { top: 100%;     left: 50%; }

  /* bottom edge → near bottom-left */
  62%  { top: 100%;     left: 0; }

  /* tighter arc around bottom-left */
  63%  { top: 98%;      left: 2%; }
  75%  { top: 50%;      left: 0; }

  /* left edge → near top-left */
  87%  { top: 0;        left: 0; }

  /* tighter arc around top-left */
  88%  { top: 2px;      left: 2%; }
 100%  { top: 0;        left: 50%; }
}