/**
 * Theme Name: Nutritix Child
 * Description: This is a child theme of Nutritix, generated by Merlin WP.
 * Author: <a href="https://wpopal.com/">Opal Team</a>
 * Template: nutritix
 * Version: 1.4.1
 */


/* =========================================================
   MOBILE MENU
   ========================================================= */

@media (max-width: 1023px) {

    /* -----------------------------------------------------
       MENU CONTAINER
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation,
    .nutritix-mobile-nav .mobile-navigation-categories {
        padding: 0;
        margin: 0;
    }

    .nutritix-mobile-nav .handheld-navigation,
    .nutritix-mobile-nav .handheld-navigation > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }


    /* -----------------------------------------------------
       MAIN MENU ITEMS
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation .handheld-navigation > ul > li.menu-item,
    .nutritix-mobile-nav .mobile-navigation-categories .handheld-navigation > ul > li.menu-item {
        position: relative;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .nutritix-mobile-nav .mobile-navigation .handheld-navigation > ul > li.menu-item > a,
    .nutritix-mobile-nav .mobile-navigation-categories .handheld-navigation > ul > li.menu-item > a {
        display: block;
        width: 100%;
        min-height: 56px;
        box-sizing: border-box;

        padding: 16px 58px 16px 24px;

        font-size: 17px;
        font-weight: 700;
        line-height: 1.4;

        color: #292929;
        background: #ffffff;

        text-align: left;
        text-transform: uppercase;

        border: 0;

        transition:
            background-color .2s ease,
            color .2s ease;
    }

    .nutritix-mobile-nav .mobile-navigation .handheld-navigation > ul > li.menu-item > a:hover,
    .nutritix-mobile-nav .mobile-navigation-categories .handheld-navigation > ul > li.menu-item > a:hover {
        color: #1557c0;
        background: #f7f9fc;
    }


    /* -----------------------------------------------------
       DROPDOWN ARROW
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation .dropdown-toggle,
    .nutritix-mobile-nav .mobile-navigation-categories .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;

        width: 52px;
        height: 56px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0;
        padding: 0;

        background: transparent;
        border: 0;

        color: #292929;

        z-index: 10;
    }

    .nutritix-mobile-nav .mobile-navigation .dropdown-toggle::before,
    .nutritix-mobile-nav .mobile-navigation-categories .dropdown-toggle::before {
        content: "⌄";

        display: block;

        font-size: 20px;
        line-height: 1;

        transition: transform .2s ease;
    }

    .nutritix-mobile-nav .mobile-navigation .dropdown-toggle.toggled-on::before,
    .nutritix-mobile-nav .mobile-navigation-categories .dropdown-toggle.toggled-on::before {
        transform: rotate(180deg);
    }


    /* -----------------------------------------------------
       OPEN MAIN MENU ITEM
       Clearly identifies the parent of the submenu
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation .handheld-navigation > ul > li.menu-item:has(> .dropdown-toggle.toggled-on) > a,
    .nutritix-mobile-nav .mobile-navigation-categories .handheld-navigation > ul > li.menu-item:has(> .dropdown-toggle.toggled-on) > a {
        color: #1557c0;
        background: #eef4ff;

        border-left: 4px solid #1557c0;

        padding-left: 20px;
    }

    .nutritix-mobile-nav .mobile-navigation .handheld-navigation > ul > li.menu-item:has(> .dropdown-toggle.toggled-on) > .dropdown-toggle,
    .nutritix-mobile-nav .mobile-navigation-categories .handheld-navigation > ul > li.menu-item:has(> .dropdown-toggle.toggled-on) > .dropdown-toggle {
        color: #1557c0;
        background: #e4edff;
    }


    /* -----------------------------------------------------
       SUBMENU
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation ul ul.sub-menu,
    .nutritix-mobile-nav .mobile-navigation-categories ul ul.sub-menu {
        display: none;

        margin: 0;
        padding: 7px 0;

        background: #f5f7fa;

        border-top: 1px solid #dce2e8;
        border-bottom: 1px solid #dce2e8;
    }


    /* -----------------------------------------------------
       SUBMENU ITEMS
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-navigation ul ul.sub-menu > li.menu-item,
    .nutritix-mobile-nav .mobile-navigation-categories ul ul.sub-menu > li.menu-item {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .nutritix-mobile-nav .mobile-navigation ul ul.sub-menu > li.menu-item > a,
    .nutritix-mobile-nav .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a {
        display: block;

        padding: 9px 24px 9px 42px;

        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;

        color: #444444;
        background: transparent;

        text-align: left;
        text-transform: none;

        border-bottom: 1px solid #e3e6ea;
    }

    .nutritix-mobile-nav .mobile-navigation ul ul.sub-menu > li.menu-item:last-child > a,
    .nutritix-mobile-nav .mobile-navigation-categories ul ul.sub-menu > li.menu-item:last-child > a {
        border-bottom: 0;
    }

    .nutritix-mobile-nav .mobile-navigation ul ul.sub-menu > li.menu-item > a:hover,
    .nutritix-mobile-nav .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a:hover {
        color: #1557c0;
        background: #eaf1ff;
    }


    /* -----------------------------------------------------
       MOBILE MENU TABS
       ----------------------------------------------------- */

    .nutritix-mobile-nav .mobile-nav-tabs {
        padding: 0 20px;

        background: #f7f7f7;

        border-bottom: 1px solid #dedede;
    }

    .nutritix-mobile-nav .mobile-nav-tabs ul {
        display: flex;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .nutritix-mobile-nav .mobile-nav-tabs ul li {
        flex: 1;

        padding: 14px 8px;

        font-size: 15px;
        font-weight: 700;

        text-align: center;

        cursor: pointer;
    }

    .nutritix-mobile-nav .mobile-nav-tabs ul li.active {
        color: #1557c0;

        border-bottom: 2px solid #1557c0;
    }
}


/* =========================================================
   TOP NOTIFICATION BAR
   ========================================================= */

#wpfront-notification-bar,
#london-custom-notice {
    background: #F63D00 !important;
    color: #ffffff !important;
}

#wpfront-notification-bar *,
#wpfront-notification-bar a,
#wpfront-notification-bar-content,
#london-custom-notice * {
    color: #ffffff !important;
}

/* Special Delivery £10 saving */
.lbl-shipping-offer {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 6px;
	font-size: 0.95em;
}

.lbl-shipping-offer del {
	opacity: 0.65;
}

.lbl-shipping-offer strong {
	font-weight: 700;
}

.lbl-shipping-offer em {
	font-style: normal;
	font-weight: 700;
}


/* Special Delivery £10 saving */
.lbl-shipping-offer {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 6px;
	font-size: 0.95em;
}

.lbl-shipping-offer del {
	opacity: 0.65;
}

.lbl-shipping-offer strong {
	font-weight: 700;
}

.lbl-shipping-offer em {
	font-style: normal;
	font-weight: 700;
}


/* London Bio Lab - Special Delivery Offer */
.lbl-special-offer {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-left: 8px !important;
	white-space: nowrap !important;
}

.lbl-special-offer del {
	opacity: 0.55 !important;
	text-decoration: line-through !important;
}

.lbl-special-offer strong {
	font-weight: 700 !important;
}

.lbl-special-offer .lbl-save {
	font-weight: 700 !important;
}


/* London Bio Lab - Special Delivery original price */
.lbl-special-original-price {
	display: inline !important;
	margin-right: 5px !important;
	opacity: 0.55 !important;
	text-decoration: line-through !important;
	text-decoration-thickness: 1px !important;
}