/*
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: 16px;
    /*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='%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");
    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");
}

.grd-left::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    --gradient-primary: color-mix(
        in srgb,
        var(--fs-color-primary) 80%,
        black 20%
    );

    background:
        radial-gradient(
            circle at 0% 25%,
            color-mix(in srgb, var(--gradient-primary) 70%, transparent) 0%,
            color-mix(in srgb, var(--gradient-primary) 35%, transparent) 35%,
            transparent 70%
        ),
        radial-gradient(
            circle at 5% 75%,
            color-mix(in srgb, var(--gradient-primary) 65%, transparent) 0%,
            color-mix(in srgb, var(--gradient-primary) 30%, transparent) 40%,
            transparent 75%
        ),
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--gradient-primary) 95%, transparent) 0%,
            color-mix(in srgb, var(--gradient-primary) 85%, transparent) 25%,
            color-mix(in srgb, var(--gradient-primary) 58%, transparent) 45%,
            color-mix(in srgb, var(--gradient-primary) 28%, transparent) 65%,
            transparent 85%
        );

    opacity: 0.5;
}

/*.grd-bottom >.banner-bg.fill::before, */
section.grd-bottom:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    background:
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.85) 0%,
            rgba(0, 0, 0, 0.65) 30%,
            rgba(0, 0, 0, 0.35) 55%,
            rgba(0, 0, 0, 0.00) 80%
        );

    pointer-events: none;
}

a.button.open-video.icon.circle.is-outline {
    border: none;
}
a.button.open-video.icon.circle.is-outline:hover
Specificity: (0,6,1)
 {
    background-color: transparent;
}
/* pulse ring */
a.button.open-video.icon.circle.is-outline::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:5px solid var(--fs-color-primary);
    animation:pulse-ring 2s infinite;
    opacity:.7;
}
a.button.open-video.icon.circle.is-outline:hover::after{
    animation-play-state: paused;
    opacity: 0;
    border:5px solid var(--fs-color-secondary);
}
.video-button-wrapper {
    background-color: var(--fs-color-primary);
transition: background-color 0.3s ease;
    border-radius: 99px;
}
.video-button-wrapper:hover {
    background-color: var(--fs-color-secondary);
}
a.button.open-video.icon.circle.is-outline:hover {
    background-color: transparent;
    border-color: transparent;
}
/* animation */
@keyframes pulse-ring{
    0%{
        transform:scale(1);
        opacity:.8;
    }
    70%{
        transform:scale(1.8);
        opacity:.4;
    }
    100%{
        transform:scale(1.8);
        opacity:0;
    }
}
.button.open-video i {
    top: .027em;
}

a.button.open-video.icon.circle.is-outline::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:5px solid var(--fs-color-primary);
    animation:pulse-ring 2s infinite;
    opacity:.7;
    transition: opacity 0.3s ease;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}