/*
Theme Name: Supermarket Ecommerce Child
Theme URI: https://www.luzuk.com/themes/free-wordpress-ecommerce-theme/
Template: supermarket-ecommerce
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Supermarket ecommerce is an exceptional WordPress theme and if you are interested to do a great business by opening a supermarket store, this is the exceptional choice and because of its multipurpose nature, you can sell anything under the sun when it comes to retail stores. This particular theme is of immense benefit in case you are interested in opening up an online apparel and fashion accessories store. It is good for not only the cosmetics shops but also for the sports equipment shop, jewellery store or the mobile store. With supermarket eCommerce WordPress theme you can set up the online store for grocery or the food delivery. It has almost all the right features that can take your business across boundaries and you can display all the relevant business information and do the entire product sale online. Because of its core compatibility with the WooCommerce plugin, it has a special design for the shops a well as ecommerce sites and you can open all types of stores right from fashion to technology and the ultimate credit goes to its multipurpose, minimal and elegant features apart from being responsive as well as sophisticated. Above all, it is beautiful and responsive feature makes it adjustable with various screen sizes. Demo: https://www.luzuk.com/demo/supermarket-ecommerce/
Tags: one-column,two-columns,right-sidebar,left-sidebar,grid-layout,custom-colors,custom-background,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,full-width-template,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 0.2.1582020999
Updated: 2020-02-18 10:16:39

*/
.svl-button{
    margin: 9px;
    position: relative;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 13px;
}
.cross-text-div, .cross-icon-div {
    color: #1676BD;
    background: #ffffff;
    position: absolute;
    height: 34px;
    top: 8px;
    width: 32px;
    left: 21px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 3px 0 0 3px;
    /* z-index: 2; */
    cursor: pointer;
}
.nav-menu a{
    color:#1676BD;
    font-size: 14px;
    font-weight: 600;
  }
 .svl-button:hover .cross-icon-div {
    opacity: 1;
    display: block;
    background: #696969;
    color: #fff;
    box-shadow: inset -30px 0px 0px #696969;
    /* transition: all 0.4s cubic-bezier(.5, .24, 0, 1); */
}
.svl-button:hover .cross-text-div {
    opacity: 0;
    display: none;
    background: #fff;
    /* box-shadow: inset 30px 0px 0px #fff; */
    color: #1676BD;
    transition: 0.5s ease-in-out;
}
.svl-button .cross-icon-div {
    opacity: 0;
    display: none;
}
.svl-button .cross-text-div {
    opacity: 1;
    display: block;
}

#administration-menu-btn-container, #number-menu-btn-container, #report-menu-btn-container, #cms-menu-btn-container , #platform-reports-btn-container {
    padding: 0px 40px;
}

.modal-heading h2.text-center{
    background-color:#1676BD;
    margin: 0px;
    padding: 10px 0 10px 0;
    color:#fff;
}

.supermarket-ecommerce-front-page div.menu-section {
    display:none;
}

.supermarket-ecommerce-front-page div.modal-content { 
    border-radius: 5px solid #1174C0!important;
}

.page-id-86 header.entry-header { 
    display:none;
}

.page-id-94 footer#colophon { 
    display:none;
}

.modal-heading h2.text-center { 
    margin-top: 0px!important;
    margin-bottom: 0px!important; 
    padding:0px;
    padding: 5px;
    font-size: 22px;
}

#menu-item-73,#menu-item-75,#menu-item-76,#menu-item-77{ 
    display:none;
}


.ouro {
    top: 280px;
    left: 49%;
    position: relative;
    display: inline-block;
    height: 46px;
    width: 46px;
    margin: 1em;
    border-radius: 50%;
    background: none repeat scroll 0 0 #DDDDDD;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1) inset, 0 0 25px rgba(0, 0, 255, 0.075);
  }
  
  .ouro:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    display: block;
    height: 28px;
    width: 28px;
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  }
  
  .ouro>span {
    position: absolute;
    height: 100%;
    width: 50%;
    overflow: hidden;
  }
  
  .left {
    left: 0
  }
  
  .right {
    left: 50%
  }
  
  .anim {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    background: none repeat scroll 0 0 #508EC3;
    opacity: 0.8;
    -webkit-animation: ui-spinner-rotate-left 3s infinite;
    animation: ui-spinner-rotate-left 3s infinite;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
  }
  
  .left .anim {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .right .anim {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
  }
  
  .alert-full-width {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  @keyframes ui-spinner-rotate-right {
    0% {
      transform: rotate(0deg)
    }
  
    25% {
      transform: rotate(180deg)
    }
  
    50% {
      transform: rotate(180deg)
    }
  
    75% {
      transform: rotate(360deg)
    }
  
    100% {
      transform: rotate(360deg)
    }
  }
  
  @keyframes ui-spinner-rotate-left {
    0% {
      transform: rotate(0deg)
    }
  
    25% {
      transform: rotate(0deg)
    }
  
    50% {
      transform: rotate(180deg)
    }
  
    75% {
      transform: rotate(180deg)
    }
  
    100% {
      transform: rotate(360deg)
    }
  }
  
  @-webkit-keyframes ui-spinner-rotate-right {
    0% {
      -webkit-transform: rotate(0deg)
    }
  
    25% {
      -webkit-transform: rotate(180deg)
    }
  
    50% {
      -webkit-transform: rotate(180deg)
    }
  
    75% {
      -webkit-transform: rotate(360deg)
    }
  
    100% {
      -webkit-transform: rotate(360deg)
    }
  }
  
  @-webkit-keyframes ui-spinner-rotate-left {
    0% {
      -webkit-transform: rotate(0deg)
    }
  
    25% {
      -webkit-transform: rotate(0deg)
    }
  
    50% {
      -webkit-transform: rotate(180deg)
    }
  
    75% {
      -webkit-transform: rotate(180deg)
    }
  
    100% {
      -webkit-transform: rotate(360deg)
    }
  }
  
  .loader-wrapper {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100vw;
    height: 100vh;
    overflow-y: hidden;
    position: fixed;
    z-index: 99999;
  }
  
  #loader {
    display: none;
  }