/* Galery image */
div.product-summary__main-images {
    width: min(100vw, 540px) !important;
    height: auto;
}
div.splide__track {
    max-height: 820px !important;
}


/* Category highlights link */
.category_link--custom {
    margin-bottom: 5em !important;
    text-align: center;
}


/* Personaliation */
.display_none {
    display:none !important;
}

.extra_cost_label {
    margin: 0.2em;
}

.search__input.form-control {
    outline: 0;
    border-width: 0 0 1px;
}    

.search__input input[type="search"]:focus {
    border-color: darkgrey;
}
    

/* banner size equals to 2 small banners */
.bslot-slider__image-wrapper {
    max-width: 1364px !important;
}

/* icon size on checkout */
.checkout-logo__image {
    height: 1rem !important;
}


/* cart dropdown remove scroll for 2 items */
.dropdown-items__table-wrapper {
    max-height: 80vh !important;
}

/* Remove border for mobile on banners */
.bslot-slider--narrow {
    /*padding-left: 0px !important; */
    /*padding-right: 0px !important; */
    width: 100%;
}

/* Fix after on catalog */
.page--catalog-products .page__aside-head .page__heading:after {
    transform: translateX(-50%);
}

/* End Fix after on catalog */

/* Hide Don't have an account */ 
.form-details__hint {
    display:none;
}
/* End Hide Don't have an account */ 


/* Payment icons and social media */
.footer__badges {
    order:2;
}
.footer__anpc1 {
    display:flex;
    order: 5;
    margin-bottom: 1rem;
    align-self: center;
    align-items:center;
}
.footer__anpc2 {
    display:flex;
    order: 4;
    margin-bottom: 1rem;
    align-self: center;
    align-items:center;
}


.footer__custom--image {
    width: 4em;
    /*margin-left: 1.5em;*/
}

.footer__block--custom {
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    /*margin-top: 10px;*/
}

@media (max-width: 992px) {
    .footer__bottom-center {
        display: block;
        margin-bottom: 5em;
    }
}

@media (min-width: 768px) {
    .footer .social-icons {
        flex: 30 30 30%;
        justify-content: center;
    }
}

/*.footer__bottom-wrapper {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    max-width: 80em !important;*/
/*    padding-left: 1.125rem;*/
/*    padding-right: 1.125rem;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .footer__links {*/
/*        text-align: center !important;*/
/*    }*/
/*}*/

@media (min-width: 992px) {
    .footer__bottom-wrapper {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        margin-left: auto;
        margin-right: auto;
        /*margin-left:2rem;*/
        /*max-width: 80em;*/
    }
}

/*@media (min-width: 576px) {*/
/*    .footer__badges {*/
/*        flex-direction: column !important;*/
/*        justify-content: flex-start;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .footer__bottom-wrapper {*/
/*        flex-direction: column !important;*/
/*    }*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .footer__bottom-wrapper {*/
/*        flex-direction: column !important;*/
/*    }*/
/*}*/

/*@media (min-width: 576px) {*/
/*    .footer__badges {*/
/*        flex-direction: inherit !important;*/
/*        justify-content: flex-start;*/
/*    }*/
/*}    */

/*@media (max-width: 768px) {*/
/*    .social-media-custom {*/
/*      display: none;*/
/*    }*/
/*}*/

.social-media-custom {
    margin-right: 5px;
}

/* Table Guide Size */
.table-guide-size {
  width:100%;
  border-collapse: collapse;
}

.table-guide-size table, td, th {
  /*border: 0.1px solid grey;*/
}

.table-guide-size td, th {
  width:8em;
}

.table-guide-size tbody, td, th, tr {
    padding: 0.5rem;
}

tr:nth-child(even){
  background-color: #f8f9fa
}

/*@media (max-width: 768px) {*/
/*    .table-guide-size {*/
/*      font-size: smaller;*/
/*    }*/
/*}*/
/* end table guide size */


/* add quantity and add to cart button on the same line */

.product-summary__form {
    display: grid;
    grid-template-areas:
        "variants variants "
        "stock stock"
        "variant-attributes variant-attributes"
        "user-fields user-fields"
        "subscriptions subscriptions"
        "bogo bogo"
        "free-shipping free-shipping"
        "bundle bundle"
        "gift gift"
        "bulk bulk"
        "sku sku"
        "ean ean"
        "availability availability"
        "quantity actions" !important;
        grid-template-columns: 30% 70% !important;
}

.product-action.product-action--add-to-cart {
    width:100% !important;
    padding-right: 0rem !important;
    margin: 0 0 0 1em !important;

}

.product-summary__info--actions .product-action--add-to-cart .btn, .product-summary__info--actions .product-action--buy-now .btn {
    width: 100% !important;
}



/* end add quantity and add to cart button on the same line */


/* photo margin*/
.bslot-single-file__image {
    margin: 0.3rem 0 0 auto
}


/**************** Custom Logo style ****************/
@media (min-width: 992px){
    .header__logo-image {
        max-height: 4.6rem;
    }
}

@media (min-width: 1252px){
    .header__logo.header__logo--custom {
        position: sticky;
        top: 50%;
        left: -webkit-calc(1rem + 50vw - 7em) !important;
    }
}

@media (min-width: 992px) and (max-width: 1252px) {
    .header__logo.header__logo--custom {
        position: sticky;
        top: 50%;
        left: -webkit-calc(1rem + 50vw - 15vw) !important;
    }
}

@media (max-width: 992px){
    .header__logo.header__logo--custom {
        position: sticky;
        top: 50%;
        left: -webkit-calc(50vw - 3em) !important;
    }
}

    

@media (min-width: 992px){
    .logo-button-custom {
        font-size: 4rem;
    }
}

@media (max-width: 992px){
    .logo-button-custom {
        font-size: 2rem;
    }
}

.logo-button-checkout-custom {
    font-size: 1.3rem;
    font-family:mbf_innoregular, Arial, sans-serif;
}

.header__logo.header__logo--custom {
    text-decoration: none;
}    
    
.header__logo.header__logo--custom {
    text-decoration: none;
}

.logo-button-custom {
    font-family:mbf_innoregular, Arial, sans-serif;
}
/**************** End Custom Logo style ****************/


/****************** menu custom code *******************/
/* menu custom code*/
.header__menu--custom {
    order: 1;
}
.header__logo--custom {
    order: 2;
}
.header__actions--custom {
    order: 3;
}


/****************** hide second close icon *******************/
.mm-wrapper--position-left .mm-menu_close {
    left: calc(90vw - 0.5rem) !important;
}

/*@media (min-width: 992px) {*/
/*    .header__menu-toggle {*/
/*        display: flex !important;*/
/*    }*/
/*}*/

/****************** end menu custom code *******************/


/* widget custom code*/
/*
.widget-newsletter__hint--custom {
    visibility: hidden;
}
.widget-newsletter__heading--custom {
    text-align: center;
}
*/


/****************** menu custom code hamburger menu *******************/
@media(max-width:992px) {
    .navbar--custom {
        display: none;
    }
}

@media(min-width:992px) {
    .navbar--custom {
        width: 100%;
        max-width: max(200px, 100vw - 80vw);
    }
}

.container--custom {
  max-width: 1050px;
  width: 90%;
  margin: auto;
}

.nav-container--custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}

.navbar--custom .menu-items--custom {
  display: flex;
}

.navbar--custom .nav-container--custom li {
  list-style: none;
}

.navbar--custom .nav-container--custom a {
  text-decoration: none;
  font-weight: 400;
  font-size: 1.0rem;
  padding: 0.5rem;
  margin-left: 3em;
}

.navbar--custom .nav-container--custom a:hover{
    font-weight: bolder;
}

.nav-container--custom {
  display: block;
  position: relative;
  height: 50px;
}

.nav-container--custom .checkbox--custom {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.nav-container--custom .hamburger-lines--custom {
  display: block;
  height: 18px;
  width: 32px;
  position: absolute;
  top: 17px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nav-container--custom .hamburger-lines--custom .line--custom {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  background: #51575b;
}

.nav-container--custom .hamburger-lines--custom .line1--custom {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container--custom .hamburger-lines--custom .line2--custom {
  transition: transform 0.2s ease-in-out;
}

.nav-container--custom .hamburger-lines--custom .line3-custom {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar--custom .menu-items--custom {
  padding-top: 120px;
  /*box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);*/
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  height: 100vh;
  width: 20rem;
  transform: translate(-50vw);
  display: flex;
  flex-direction: column;
  margin-left: -40px;
  /*padding-left: 50px;*/
  transition: transform 0.5s ease-in-out;
  text-align: left;
}

.navbar--custom .menu-items--custom li {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.line2--custom {
    width: 80% !important;
}

.nav-container--custom input[type="checkbox"]:checked ~ .menu-items--custom {
    transform: translateX(0);
    z-index: 1;
    position: relative;
    background-color: white;
}

.nav-container--custom input[type="checkbox"]:checked ~ .hamburger-lines--custom .line1--custom {
    transform: rotate(45deg);
}

.nav-container--custom input[type="checkbox"]:checked ~ .hamburger-lines--custom .line2--custom {
    transform: scaleY(0);
}

.nav-container--custom input[type="checkbox"]:checked ~ .hamburger-lines--custom .line3--custom {
    transform: rotate(-45deg);
    margin: 5px -5px;
}

/****************** end menu custom code hamburger menu *******************/




/****************** menu custom code hamburger menu - submenu *******************/
@media(max-width:992px) {
    .navbar-submenu--custom {
        display: none;
    }
}

@media(min-width:992px) {
    .navbar-submenu--custom {
      width: 100%;
      /*box-shadow: 0 1px 4px rgb(146 161 176 / 15%);*/
    }
}

.container-submenu--custom {
  max-width: 1050px;
  width: 90%;
  margin: auto;
}

.nav-container-submenu--custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
}

.navbar-submenu-custom .menu-items-submenu--custom {
  display: flex;
}

.navbar-submenu--custom .nav-container-submenu--custom li {
  list-style: none;
}

.navbar-submenu--custom .nav-container-submenu--custom a {
  text-decoration: none;
  font-weight: 400;
  font-size: 1.0rem;
  padding: 0.5rem;
}

.navbar--custom-submenu .nav-container-submenu--custom a:hover{
    font-weight: bolder;
}

.nav-container-submenu--custom {
  display: block;
  position: relative;
  height: 50px;
}

.nav-container-submenu--custom .checkbox-submenu--custom {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.nav-container-submenu--custom .hamburger-lines-submenu--custom {
  display: block;
  height: 18px;
  width: 32px;
  position: absolute;
  top: 17px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nav-container-submenu--custom .hamburger-lines-submenu--custom .line-submenu--custom {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  background: #51575b;
}

.nav-container-submenu--custom .hamburger-lines-submenu--custom .line1-submenu--custom {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container-submenu--custom .hamburger-lines-submenu--custom .line2-submenu--custom {
  transition: transform 0.2s ease-in-out;
}

.nav-container-submenu--custom .hamburger-lines-submenu--custom .line3-submenu--custom {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar-submenu--custom .menu-items-submenu--custom {
  padding-top: 40px;
  /*box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);*/
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  height: 100vh;
  width: 20rem;
  transform: translate(-50vw);
  display: flex;
  flex-direction: column;
  margin-left: -40px;
  /*padding-left: 50px;*/
  transition: transform 500ms ease-in-out;
  text-align: center;
  transition-delay: 250ms;
  top: -3em;
  position: relative;
}

.navbar-submenu--custom .menu-items-submenu--custom li {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.line2-submenu--custom {
    width: 80% !important;
}

.navbar-submenu-open--custom:hover > div div, 
.menu-items-submenu--custom:hover 
{
    padding-top: 40px;
    transform: translateX(14.4em);
    z-index: 1;
    position: relative;
    background-color: white;
    top: -3em;
}

/*.nav-container-submenu--custom input[type="checkbox"]:checked ~ .menu-items-submenu--custom {*/
/*    transform: translateX(14.4em);*/
/*    z-index: 1;*/
/*    position: relative;*/
/*    background-color: white;*/
/*    top: -3em;*/
/*}*/

.nav-container-submenu--custom input[type="checkbox"]:checked ~ .hamburger-lines-submenu--custom .line1-submenu--custom {
    transform: rotate(45deg);
}

.nav-container-submenu--custom input[type="checkbox"]:checked ~ .hamburger-lines-submenu--custom .line2-submenu--custom {
    transform: scaleY(0);
}

.nav-container-submenu--custom input[type="checkbox"]:checked ~ .hamburger-lines-submenu--custom .line3-submenu--custom {
    transform: rotate(-45deg);
    margin: 5px -5px;
}

/****************** end menu custom code hamburger menu *******************/