/*
Theme Name: Manatomy
Theme URI: https://manatomy.com.au
Description: Manatomy Child Theme
Author: P
Author URI: https://manatomy.com.au
Template: storefront
Version: 1.0.2.9.9.9.9.7
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('css/fadeIn.css');
@import url('css/scrolling-banner.css?v=1.0');
@import url('css/homepage.css?v=1.2.9.8');
@import url('css/cart.css?v=0.0.1');
@import url('css/socials.css?v=0.0.2');

/* Remove the tax label- not relevant yet */
small.tax_label,
.woocommerce-Price-taxLabel.tax_label{
    display: none;
}

p, body, button, input, textarea{
    font-family: 'Poppins', sans-serif;
}

body a{
    color: black;
}

body a:focus{
    outline: transparent;
}

.offer-heading .fine-print,
.banner-message .fine-print{
    font-size: 10px;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus{
    box-shadow: none;
}

.underline{
    text-decoration: underline;
}

.woocommerce-product-details__short-description b{
    font-weight: normal;
}

/* Wp Admin fix
body:not(.admin-bar) #masthead {
  margin-top: 0px;
}

body #masthead {
  margin-top: 40px;
}

 Allow for the change
section.submenu-custom-hero{
    margin-top: 40px;
}*/

/* Product- On Sale badge */
a > span.onsale {
    position: absolute;
    top: 0;
    right: 10px;
    height: 50px;
    border-radius: 60px;
    color: white;
    background: #343131;
    border: none;
    padding: 15px 10px;
    font-size: 12px;
    outline: solid white 2px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    transform: rotate(15deg);
}

#menu-main .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    background: #2b2b2b;
    padding: 0;
    border-radius: 5px;
}

/* Rotate native dropdown arrow when open */
.menu-item-has-children > a::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.woocommerce-message{
    background-color: rgb(43,43,43);
}

.menu-item-has-children > a.open::after {
    transform: rotate(180deg);
}

/* Brand styling - e.g. https://manatomy.com.au/brand/manatomy/ */
.tax-product_brand header.woocommerce-products-header .brand-thumbnail{
    max-height: 200px;
}

header + .storefront-sorting .woocommerce-pagination{
    display: none;
}

header + .storefront-sorting .woocommerce-ordering{
    margin: 0;
}

.tax-product_brand header.woocommerce-products-header{
    background: white;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.product-template-default .woocommerce-Tabs-panel.wc-tab h2{
    display: none;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.prod-brand-header{
    max-height: 200px;
    border-radius: 5px;
}

.payment-info{
    height: auto;
    max-width: 170px;
    width: 100%;
    padding-left: 1.618em;
}

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.orange{
    color: orange;
}

.white {
    color: white;
}

.black{
    color: black;
}

.site-branding{
    margin: 0;
}

#masthead {
    margin-bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

.storefront-breadcrumb + .site-content{
    padding-top: 165px;
}

/* Compensate for the height of the admin bar */
body:not(.admin-bar) .storefront-breadcrumb + .site-content{
    padding-top: 185px;
}

#primary.content-area{
    background-color: #f7f7f7;
    margin-bottom: 0;
    padding: 0 40px;
}

button:focus{
    outline-color: transparent;
}

.footer-widget-title i {
    margin-right: 8px;
    font-size: 16px;
}

.footer-widgets .widget-title{
    margin-left: 5px;
    display: inline-block;
}

#masthead .main-navigation ul li a{
    color: white;
    padding: 0.618em;
}

#custom-footer .menu li a:hover{
    color: orange;
}

#masthead .main-navigation ul li a:hover{
    color: orange;
    font-weight: bold;
}

.storefront-primary-navigation{
    background-color: black;
    height: 46px;
}

#masthead .storefront-breadcrumb {
    display: none;
}

/* Remove the taxonomy on blog posts */
.single-post .entry-taxonomy{
    display: none;
}

#site-header-cart .cart-contents{
    color: white;
    margin-right: 5px;
    padding: 0.618em;
}

/* Safe sex article id header */
#post-2109 header.entry-header{
    display: block;
    margin-top: 10px;
}

#post-2109{
    margin-bottom: 0;
}

p+h2,
ul+h2{
    margin-top: 30px;
}

p+h3,
ul+h3{
    margin-top: 25px;
}

/* Account page style adjustment */
.woocommerce-account .hentry .entry-content a{
    color: rgba(0,0,0,0.7);
    text-decoration: none;
}

.woocommerce-account .hentry .entry-content a::before{
    color: orange;
}

#post-675 .hentry .entry-content a,
#post-2109 .hentry .entry-content a{
    color: orange;
    text-decoration: none;
}

.hentry .entry-content a{
    color: rgba(0,0,0,0.7);
    text-decoration: none;
}

.hentry .entry-content a.add_to_cart_button,
.hentry .entry-content a.added_to_cart{
    color: white;
}

.wp-block-woocommerce-checkout-terms-block a,
.hentry .entry-content a.wc-block-components-checkout-return-to-cart-button{
    color: #6d6d6d;
    text-decoration: none;
    font-weight: 600;
}

#site-header-cart span.count{
    /* opacity: 0.7; */
    color: rgb(179,179,179);
}

/* Payment styles */
#wc-stripe-express-checkout-element{
    margin-left: 15px;
    margin-right: 15px;
}

/* Remove the margin at the bottom of the affiliate page */

#post-675{
    margin-bottom: 0;
}

/* Remove the oversided "Place Order"  button */
div.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    padding: unset;
}

/*Poster image */
.submenu-custom-hero { position: relative; overflow: hidden; }
.hero-bg { width: 100%; height: auto; display: block; }
.poster-only { object-fit: cover; width: 100%; height: 100%; }

@keyframes slideInFromLeft {
    from {
      opacity: 0;
      transform: translateX(-30px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
}


/* Remove the padding

/* Do not display breadcrumbs within any screen size */
.storefront-breadcrumb{
    display: none;
}

/* Hide the stock counter */
p.stock{
    display: none;
}

#site-header-cart span.count{
    opacity: 1;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff; /* or match your site's header background */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* optional for subtle depth */
}


/* Change the default outline on the buttons */
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline: transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

article .entry-content{
    padding-top: 30px;
}

.hentry .entry-content a:focus{
    box-shadow: none;
}

.woocommerce-active .site-header .site-header-cart:hover  .widget_shopping_cart{
    background-color: #2b2b2b;
    color: white;
    border-radius: 5px;
}

#site-header-cart .widget_shopping_cart_content p{
    margin: 0;
    padding: 0.618em;
    background-color: rgb(43,43,43);
}

.woocommerce-mini-cart__buttons.buttons a.checkout{
    background: orange;
}
.site-header-cart .widget_shopping_cart a{
    color: white;
}

.site-header .product_list_widget li .quantity{
    color: white;
}

/* Padding against the product on the prod page */
.woocommerce-product-gallery__wrapper > div img{
    padding: 20px;
}

/* === Manatomy Footer Radio === */
.footer-radio-widget {
  text-align: center;
  /* margin-top: 2rem;
  padding-top: 1rem; */
  border-top: 1px solid rgba(255,255,255,0.2);
}

.footer-radio-widget h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

#manatomy-mini-radio {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  backdrop-filter: blur(2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

#manatomy-mini-radio button {
  appearance: none;
  border: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #ffb000; /* swap for your theme var if you like */
  color: #000;
  font-weight: 700;
  display: grid;
  place-items: center;
  transition: filter 120ms ease;
  padding: 4px;
}

#manatomy-mini-radio button:hover { filter: brightness(1.05); }

#manatomy-mini-radio .label {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white
}

#manatomy-mini-radio canvas {
  display: block;
  width: 60px;
  height: 16px;
}

/* Navigation */
@media (min-width: 768px) {
    #masthead .site-header .site-search{
        width: 45%;
    }
    #masthead .site-header .site-branding{
        width: 50%;
    }
    #masthead #woocommerce-product-search-field-0{
        border-radius: 50px;
        border: none;
        outline: none;
        border-width: 0;
        border-color: transparent;
    }

    /* Increase the margin padding when the breadcrumb navigation bar is hidden */
    .woocommerce-products-header__title.page-title{
        margin-top: 45px;
    }

    /* Spacing needs to be a little bit higher at the top of the product */
    #primary.content-area{
        padding: 15px 40px;
    }
    #menu-main .sub-menu .menu-item a{
        min-width: 201px;
    }
    .all-sex-toys-dropdown.no-caret.menu-item-has-children > a::after {
        content: none !important;
        display: none !important;
    }
    .wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large{
        max-width: 1000px;
    }
    .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
        max-width: 1000px;
    }
    .woocommerce-cart #main{
        /* justify-content: center; */
        display: block;
    }
    .woocommerce-cart #main .wp-block-woocommerce-cart.alignwide{
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    #main .hentry .entry-content .alignwide{
        margin-left: auto;
        margin-right: auto;
    }
}

/* Add to cart buttons */
#main .wp-block-woocommerce-empty-cart-block .wp-block-button .add_to_cart_button{
    border-radius: 50px;
    background-color: orange;
    color: white;
    font-weight: normal;
    max-width: 95%;
}

/* Hide sections of the product page */
.woocommerce-tabs .tabs.wc-tabs{
    display: none;
}

.woocommerce-tabs.wc-tabs-wrapper{
    padding: 30px 20px 20px;
    background: rgb(255 255 255 / 40%);
    margin: 40px 0;
    border-radius: 5px;
}

.storefront-full-width-content .woocommerce-tabs .panel.wc-tab{
    width: 100%;
    margin-bottom: 0;
}

/* Fix Product Brand Styling */
.storefront-wc-brands-single-product{
    background: rgb(255 255 255 / 70%);
}

.storefront-wc-brands-single-product img{
    min-width: 150px;
    min-height: 150px;
    padding: 5px;
    margin: 0 auto 40px;
}

nav.woocommerce-pagination{
    float: none;
}

/* Fix the styling on the products */
ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img{
    padding: 40px;
}

/* Sale flag on product page */
.type-product span.onsale{
    height: 50px;
    border-radius: 60px;
    color: white;
    background: #343131;
    border: none;
    padding: 15px 10px;
    font-size: 12px;
    outline: solid white 2px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    transform: rotate(15deg);
    position: absolute;
}

/* Mobile header styling */

/* Resize the text within small mobile screens */
@media (max-width: 530px){
    #site-header-cart .cart-contents{
        margin-right: 0;
    }

    /* Hide brands on smaller screens */
    .primary-navigation .menu-brands,
    .primary-navigation .manatomy-toggle-dropdown.categories-dropdown{
        display: none;
    }

    /* Remove pointer events from first menu */
    /* .all-sex-toys-dropdown a,
    .all-sex-toys-dropdown a::after{
        pointer-events: none;
    } */

    .primary-navigation{
        font-size: 13px;
    }
    .site-header-cart{
        font-size: 13px;
    }
    ul.nav-menu li:not(:last-child){
        margin-right: 11px;
    }
    .banner-message{
        font-size: 13px;
    }

    /* Logo size on mobile screens- allow space for the sticky menu*/
    .col-full .site-branding{
        /* width: calc(100% - 150px); */
        width: 180px;
    }

    /* Resize the Add to Cart button text */
    a.added_to_cart,
    .button.add_to_cart_button{
        padding: 5px;
        font-size: 14px;
    }
    .top-product-title{
        font-size: 12px;
    }
    #site-navigation-menu-toggle{
        top: 23px;
    }
    .storefront-primary-navigation{
        margin-top: 60px;
    }
}

@media (max-width: 768px){
    #menu-main .sub-menu{
        position: fixed;
    }

    #menu-mobilemenu{
        overflow-y: auto;
    }

    .primary-navigation .menu-mixtapes,
    .primary-navigation .menu-brands,
    .primary-navigation .manatomy-toggle-dropdown.categories-dropdown{
        display: none;
    }

    /* Reconfigure main-navigation */
    .main-navigation.toggled .handheld-navigation li{
        text-align: left;
        width: 80%;
    }

    .woocommerce-tabs.wc-tabs-wrapper{
        padding: 20px 15px 15px;
    }

    .sub-menu .menu-item{
        display: block;
    }

    #menu-main .sub-menu .menu-item a{
        padding-left: 10px;
    }

    /* Remove the default padding, by default a gap is added between the hero image and the first section*/
    #masthead {
        padding-bottom: 0;
    }
    body:not(.admin-bar) .storefront-breadcrumb + .site-content{
        padding-top: 236px;
    }

    /* This style is only applied on smaller screens when the admin is logged in*/
    .storefront-breadcrumb + .site-content{
        padding-top: 190px;
    }

    #site-header-cart .cart-contents{
        height: 46px;
    }
    /* Remove the default padding at the bottom of the section by default */
    .site-main{
        margin-bottom: 0;
    }

    /* Remove the last li tag */
    .main-navigation.toggled .handheld-navigation li:last-child{
        margin-bottom: 40px;
    }

    /* .products ~ .storefront-sorting {
        display: none;
    } */

    .products  + .storefront-sorting nav{
        border: none;
        padding: 0 0 40px;
    }

    /* Display the logo on mobile screens */
    #masthead > .col-full{
        height: 60px;
    }

    /* Keep the height of the navigation consistent on smaller screens */
    .storefront-primary-navigation > .col-full{
        height: 45px;
        display: flex;
        justify-content: space-between;
    }

    /* Site navigation toggle */
    #site-navigation-menu-toggle{
        position: absolute;
        right: 25px;
        z-index: 2;
        border: transparent;
        top: 25px;
        width: 30px;
        padding: 10px 20px;
    }

    /* Remove the default box-shadow on the navigation menu */
    #site-navigation-menu-toggle:focus{
        box-shadow: none;
    }

    .storefront-primary-navigation{
        margin-top: 65px;
        height: 45px;
    }

    /* Display main menu on mobile screen- menu items "All Sex Toys, Brands and On Sale */
    div.primary-navigation{
        display: block;
    }
    .main-navigation .menu.nav-menu{
        display: inline-block;
        color: white;
        max-height: 120px;
    }
    .nav-menu li{
        color: white;
        display: inline-block;
        height: 40px;
    }
    .nav-menu li:not(:last-child){
        margin-right: 20px;
    }

    /* Position mobile navigation menu correctly */
    #masthead .main-navigation ul li a{
        height: 45px;
        align-items: center;
        padding: 0;
        display: flex;
        min-width: auto;
    }
    /* Set a width against the cart menu in the nar bar on mobile screens */
    #site-header-cart li{
        display: inline-block;
    }

    #site-header-cart li a{
        height: 46px;
        width: 135px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: right;
    }

    /* Add spacing between navbar cart span tags */
    .woocommerce-Price-amount{
        margin-right: 12px;
    }

    /* Change the menu button on the mobile header */
    /* NOTE: The 3 bar menu button is made up of pseudo selectors a button::before and button::after enclosing a  span::before
       By default menu text is displayed, to remove the text without changing the bars set the font size to 0 and use px
       to change how the bars are placed (em will use font size. */
    .main-navigation .menu-toggle span{
        font-size: 0;
    }
    button.menu-toggle::before,
    button.menu-toggle::after,
    button.menu-toggle span::before{
        left: 12px;
        width: 25px;
        height: 2px;
    }

    /* Arrange each line on the menu button */
    button.menu-toggle::before{
        top: 35%;
    }
    button.menu-toggle span::before{
        top: 42.5%;
    }
    button.menu-toggle::after{
        top: 50%;
    }

    button.menu-toggle[aria-expanded="true"]::before,
    button.menu-toggle[aria-expanded="true"]::after{
        top: 42.5%;
        background-color: white;
    }

    #site-navigation-menu-toggle{
        background: transparent;
    }

    /* Set the menu width and params when it is expanded on mobile screens */
    .menu-toggle[aria-expanded="true"] ~ .handheld-navigation {
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 100%;
        height: 100vh;
        z-index: 1;
    }

    /* The <ul> tag by default is only approx 250px wide on the menu- needs to be adjusted to 100vh and 100vw with the correct positioning */

    /* Handheld navigation menu needs to be specified for mobile screens */
    #site-navigation .handheld-navigation{
        overflow: hidden;
        max-height: 0;
        transition: opacity ease 1.8s;
        /* background-color: black; */
        background: rgba(0,0,0,0.6);
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }

    #site-navigation.toggled .handheld-navigation{
        overflow: unset;
        max-height: 100vh;
        width: calc(100vw - 250px);
        background: rgba(0,0,0,0.6);
    }

    #site-navigation .handheld-navigation ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        position: absolute;
        background: black;
        padding-top: 5vw;
        margin-top: 0;
        text-align: left;
        transition: max-height ease 1.8s;
        border-left: solid orange 3px;
        left: calc(100vw - 250px);
        width: 250px;
        height: 100vh;
        font-size: 12px;
    }

    /* Set the mobile menu imgs next to the menu options */

    .handheld-navigation .menu li a {
        display: flex;
        align-items: center;
        padding: 10px 20px;
        color: white;
        position: relative;
      }

      .handheld-navigation .menu li:not(.menu-logo):not(.menu-item-home) a::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 15px;
        flex-shrink: 0;
        background-color: white;
    }

    /* Thin line after each option on the menu */
    .handheld-navigation .menu li:not(:last-child)::after {
        content: "";
        display: block;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.2); /* subtle white line */
        margin: 0px;
      }

    /* Force the font size to 13 on the mobile menu */
    #masthead #menu-mobilemenu li a{
        font-size: 13px;
        margin: 10px 0;
    }
    #masthead #menu-mobilemenu li.menu-home a{
        font-size: 15px;
        font-weight: bold;
    }

    /* Anal Play Icon - https://manatomy.com.au/wp-content/uploads/2025/04/Double-Bead-Pup-Tail-Butt-Plug-copy-4-300x300.png*/
    .mobile-menu-anal-play > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Double-Bead-Pup-Tail-Butt-Plug-copy-4-300x300.png');
    }

    /* Ball Icon - https://manatomy.com.au/wp-content/uploads/2025/04/380g-Stainless-Steel-Ball-Stretcher-copy-324x324.png*/
    .mobile-menu-ball-stretchers > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/380g-Stainless-Steel-Ball-Stretcher-copy-324x324.png');
    }

    /* BDSM Icon - https://manatomy.com.au/wp-content/uploads/2025/04/Ankle-Cuffs-Black-PU-X-Cite-Products-copy-324x324.png*/
    .mobile-menu-chastity-bdsm > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Ankle-Cuffs-Black-PU-X-Cite-Products-copy-324x324.png');
    }

    /* Cock ring - https://manatomy.com.au/wp-content/uploads/2025/04/Cock-Ball-Sling-324x324.png */
    .mobile-menu-cock-ring > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Cock-Ball-Sling-324x324.png');
    }

    /* Cock sleeve */
    .mobile-menu-cock-sleeve > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Daddy-Cock-Sleeve-Extender-324x324.png');
    }

    /* Harnesses */
    .mobile-menu-harnesses > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Hue-Harness-copy-3-324x324.png');
    }

    /* Masturbators */
    .mobile-menu-masturbators > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Firm-Knuckle-Bust-A-Nut-324x324.png');
    }

    /* Penis Pumps */
    .mobile-menu-penis-pump > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Bath-Fun-Water-Pump-copy-324x324.png');
    }

    /* Penis stretches */
    .mobile-menu-penis-stretches > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Tension-Pro-Stretcher.png-copy-324x324.png');
    }

    /* Pup play*/
    .mobile-menu-pup-play > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Rover-Pup-Hood-Red-324x324.png');
    }

    /* Sex Dolls */
    .mobile-menu-sex-dolls > a::before {
        background-image: url('https://manatomy.com.au/wp-content/uploads/2025/04/Bros-Bum-324x324.png');
    }

    /* Styling for the logo in the handheld menu */
    .handheld-navigation ul li:first-child{
        max-width: 60vh;
        background: rgba(255, 255, 255, 0.95);
        margin-bottom: 40px;
        border-radius: 6px;
        padding: 1px 10px;
    }

    .handheld-navigation .handheld-logo{
        max-width: 160px;
        width: 40vw;
    }

    /* Ensure elements are initially hidden */
    .main-navigation.toggled .handheld-navigation li {
        opacity: 0;
        animation: fadeInUp 1.5s ease forwards;
    }

    .main-navigation .handheld-navigation li{
        animation: slideInFromLeft 0.5s ease forwards;
    }

    /* Stagger the appearance using animation-delay */
    .main-navigation .handheld-navigation li:nth-child(1) { animation-delay: .3s; display: none;}
    .main-navigation.toggled .handheld-navigation li:nth-child(2) { animation-delay: .5s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(3) { animation-delay: .7s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(4) { animation-delay: .9s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(5) { animation-delay: 1.1s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(6) { animation-delay: 1.3s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(7) { animation-delay: 1.5s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(8) { animation-delay: 1.7s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(9) { animation-delay: 1.9s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(10) { animation-delay: 2.1s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(11) { animation-delay: 2.3s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(12) { animation-delay: 2.4s; }
    .main-navigation.toggled .handheld-navigation li:nth-child(13) { animation-delay: 2.6s; }

    /* Change product alignment on the prod page on smaller screens */
    ul.products{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Product page styling */

    .manatomy-product-attributes-table,
    .manatomy-product-attributes-table table.shop_attributes,
    .manatomy-product-attributes-table table.shop_attributes tbody{
        display: block;
        width: 100%;
    }

    .manatomy-product-attributes-table table.shop_attributes thead {
        display: none;
    }

    .manatomy-product-attributes-table table.shop_attributes tr {
        display: block;
        margin-bottom: 12px;
        /* border: 1px solid #ddd; */
        padding: 10px;
        width: 100%;
    }

    .manatomy-product-attributes-table table.shop_attributes th,
    .manatomy-product-attributes-table table.shop_attributes td {
        display: block;
        width: 100%;
        text-align: left;
        padding: 6px 10px;
        border: none;
    }

    .manatomy-product-attributes-table table.shop_attributes th::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
    }

    #masthead .main-navigation ul li:nth-child(1){
        display: none;
    }
}

@media (max-width: 600px){
    #gift-heading{
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .main-navigation ul li,
    .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left;
        height: 45px;
    }
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        margin-left: -1em;
        transition: none;
    }

    /* Stops on hover affecting the All Sex Toys menu by 1px */
    #masthead .main-navigation ul li:nth-child(2) a{
        min-width: 142px;
    }
    #masthead .main-navigation ul li:nth-child(1) a{
        min-width: unset;
    }
    #masthead .main-navigation ul li:nth-child(1){
        display: inline-block;
        min-width: unset;
    }
    #masthead .main-navigation ul:not(.sub-menu) > li:nth-child(1) a{
        margin-left: 5px;
    }
}

/* Product page styling */

/* .product-hero-box {
    text-align: center;
    margin-bottom: 20px;        /* Margin distance between hero box and "You may also like", if the extended description is absent
    background: white;
    padding: 5px;
} */

.hero-box-icon {
    max-width: 100%;
    height: auto;
    background: #fbfbfb;
}

/* Note: There is a large margin by default prior to the product summary/description on the prod page */
.product div.summary.entry-summary{
    margin-bottom: 0px;
}

/* Homepage styling */

.custom-hero {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.hero-img {
    display: block;
    width: 100%;
    height: auto;
}

.hero-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 8px;
}

.hero-btn {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.6rem 1.2rem;
    background: orange;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
}

/* Remove the product meta tag's visibility */
.product_meta {
    display: none;
}

.submenu-custom-hero{
    padding: 0;
    /*margin-top: 1em;*/
}

/* Remove the header (replaced the header with the hero icon */
.submenu-custom-hero ~ .content-area .woocommerce-products-,
.submenu-custom-hero ~ .entry-header,
.custom-hero ~ .entry-header,
article > .entry-header{
    display: none;
}

/* Remove the sorting option from the bottom of the product page */
.products .storefront-sorting {
    display: none;
}

/* Remove the results count */
.woocommerce-result-count{
    display: none;
}

.max-w-50{
    max-width: 50vw;
}

.storefront-sorting select {
    background: none;
    border: none;
    font-family: 'Poppins';
    font-size: 12px;
}

/* Change the margins against the default sorting */
.woocommerce-result-count {
    margin-top: 2.617924em;
}

header.woocommerce-products-header + .storefront-sorting,
header + .storefront-sorting{
    margin: 0;
    padding: 20px 0;
}

.tax-product_cat .storefront-sorting{
    margin-bottom: 0;
}

.entry-content .woocommerce > .storefront-sorting{
    margin: 20px 0;
}

.storefront-sorting .woocommerce-ordering{
    padding: 8px 5px 8px 10px;
    padding-right: 10px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 20px;
    max-width: 165px;
}

.storefront-sorting {
    border: none;
    background-color: transparent;
    font-family: 'Poppins';
}

/* Remove the gap between the navigation header and the hero box */
.site-header{
    border-bottom-width: 0;
}


/* Footer menu */
.site-info{
    background: black;
    color: white;
    padding: 20px;
}

/* Products header (replaced with hero) */
.woocommerce-products-header{
    display: none;
}

/* Product page changes */

/* Style the newly added Additional Information table */
.manatomy-product-attributes-table{
    padding: 30px 20px 20px;
    background: rgb(255 255 255 / 40%);
    margin: 40px 0;
    border-radius: 5px;
    display: block;
}

.additional-info-title{
    font-size: 1.618em;
}

/* Remove the add to cart button */
.button.add_to_cart_button{
    width: 100%;
    border-radius: 50px;
    background-color: orange;
    color: white;
    font-weight: normal;
    max-width: 95%;
}

a.added_to_cart{
    width: 100%;
    border-radius: 50px;
    background-color: #333333;
    color: white;
    font-weight: normal;
    max-width: 95%;
}

.woocommerce-loop-product__title{
    text-align: left;
    background: #f7f7f7;
    margin: 0;
    font-size: 14px;
    color: black;
}

#main .woocommerce-loop-product__title{
    font-size: 14px;
}

.woocommerce-LoopProduct-link .price{
    text-align: left;
    background: #f7f7f7;
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
}

ul.products li.product .price{
    color: black;
}

.shop_attributes{
    /* Remove the default table setting for the prod page */
    margin-bottom: 0;
}

.products > .storefront-sorting{
    margin: 0;
}

.products > .storefront-sorting .woocommerce-ordering{
    display: none;
}

ul.products + .storefront-sorting form{
    display: none;
}

.entry-content ul.products + .storefront-sorting{
    margin: 0;
}

@media (min-width: 768px){
    #main article{
        margin: 0;
    }
    .woocommerce-account #main{
        margin-top: 40px;
    }
}

/* Wishlist styling */
#gift-banner{
    background: rgb(247 247 247);
    color: #6d6d6d;
    outline: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#cancel-gift-button{
    background: #333333;
    color: white;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin-top: 20px;
    max-width: 230px;
    margin: 20px auto 0px auto;
    border-radius: 50px;
}

div.wp-block-woocommerce-checkout{
    padding-top: 0;
}

/* Checkout */
label[for="subscribe-to-newsletter"] span{
    height: 21px;
    align-items: center;
    display: flex;
}

/* margin above the Interest free payments in the checkout */
.woocommerce-checkout #ppcp-checkout-paylater-messages{
    margin-top: 7px;
}