@media screen and (min-width: 641px) {
    .wishlist-hero-header-icon {
        margin-top: 2px;
    }
}

.wishlist-hero-header-icon {
    vertical-align: middle;
}

.wishlisthero-floating svg {
    font-size: 23px;
    margin-top: 1px;
}

.wishlisthero-floating:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.wishlisthero-floating button {
    font-size: 20px !important;
    width: 40px !important;
    padding: 0.125em 0 0 !important;
}

.MuiTypography-body2,
.MuiTypography-body1,
.MuiTypography-caption,
.MuiTypography-button,
.MuiTypography-h1,
.MuiTypography-h2,
.MuiTypography-h3,
.MuiTypography-h4,
.MuiTypography-h5,
.MuiTypography-h6,
.MuiTypography-subtitle1,
.MuiTypography-subtitle2,
.MuiTypography-overline,
.MuiButton-root {
    font-family: inherit !important;
    /* Roboto, Helvetica, Arial, sans-serif; */
}


/* ************************************************************************************** */
/* For some theme shared view need some spacing */
/* 
        #wishlist-hero-shared-list-view {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    #wishlist-hero-shared-list-view h1 {
      padding-left: 5px;
    }
    
    #wishlisthero-product-page-button-container {
      padding-top: 15px;
    }
     */
/* ************************************************************************************** */


#wishlisthero-product-page-button-container {
    margin-top: 10px !important;
}

/* #wishlisthero-product-page-button-container button {
      padding-left: 1px !important;
    } */
/* ************************************************************************************** */
/* Customize the indicator when wishlist has items AND the normal indicator not working */
span.wishlist-hero-items-count {
    position: absolute;
    top: 42%;
    right: 15%;
    border-radius: 100%;
}

@media screen and (max-width: 749px) {
    .wishlisthero-product-page-button-container {
        width: 100%
    }

    .wishlisthero-product-page-button-container button {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    span.wishlist-hero-items-count {
        left: 55%;
    }

    a.wishlist-hero-header-icon {
        padding: 0;
    }
}

@media(max-width:760px) {
    span.wishlist-hero-items-count {
        top: 45%;
    }
}

.MuiCardMedia-root {
    padding-top: 120% !important;
}

svg.wlh-svg-Icon path {
    fill: currentColor;
    /* stroke: white;
    stroke-width: 0.9px; */
}

#wishlisthero-product-page-button-container {
    margin-top: 10px !important;
}

.wishlisthero-header-block {
    display: inline-block;
}