/*
Theme Name: Woostify Child
description: >-
  Woostify Child Theme
Author: Ali Habib
Template: woostify
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: woostify-child
*/
.sidebar-menu-open .sidebar-menu {
  overflow: auto;
}
@media (min-width: 992px) {
  .sidebar-menu-open .sidebar-menu {
    overflow: visible;
    border-right: 1px solid #fff;
  }
  .sidebar-menu
    .main-navigation
    .primary-navigation
    > .menu-item
    ul:not(.sub-mega-menu) {
      position: absolute;
      left: calc(100% + 40px);
      top: 0;
      min-width: 250px;
      overflow: auto;
      max-height: 392px;
      overflow: auto;  
  }
  .sidebar-menu {
    background-color: transparent;
    width: auto;
    top: 100px;
    padding-top: 0;
  }

  .site-tools .header-search-icon,
  .site-tools .my-account {
    display: block !important;
  }
  /* .woostify-container,
  .site-boxed-container #view,
  .site-content-boxed-container .site-content {
    max-width: 100% !important;
  } */
  /* .primary-navigation li.current-menu-item > a .menu-item-text, */
  #woostify-overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 199;
    background: rgba(182, 122, 117, 0.95);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
  .li.current-menu-ancestor > a,
  .primary-navigation > li.current-menu-parent > a {
    color: #fff !important;
  }
  .primary-navigation .menu-item-has-children:hover > a,
  .primary-navigation .menu-item:hover > a {
    color: #fff !important;
  }
  .site-header-inner .logo {
    max-width: 100%;
  }
  .custom-logo-link > img, .custom-mobile-logo-url img {
    max-width: 400px;
  }
  .site-header-inner .logo {
    max-width: 100% !important;
    margin: 0 auto;
  }
  .sidebar-menu-open #view {
    -webkit-transform: translateX(0px);
    transform: translateX(0);
  }
  header#masthead.site-header.header-layout-1 {
    z-index: 999;
    position: relative;
  }
  .sidebar-menu-open .site-header-inner {
    background-color: transparent;
    border: none;
  }
  /* .toggle-sidebar-menu-btn:hover{
  background-color: red;
} */
  .logged-in.admin-bar .sidebar-menu {
    top: 132px;
  }
  .sidebar-menu-open .primary-navigation li.current-menu-item > a,
  .sidebar-menu-open
    .primary-navigation
    li.current-menu-parent
    > a
    .arrow-icon {
    color: #fff;
  }
  .sidebar-menu-open .sidebar-menu .primary-navigation a:before {
    background-color: #fff;
  }
  .sidebar-menu-open
    .sidebar-menu
    .primary-navigation
    li.current-menu-item
    a:before,
  .sidebar-menu-open
    .sidebar-menu
    .primary-navigation
    li.current-menu-parent
    a:before {
    background-color: #fff;
  }
  .sidebar-menu .site-navigation {
    margin-bottom: 10px;
  }
  .header-layout-1 .wrap-toggle-sidebar-menu {
    flex: 1 1 0px;
    padding-left: 20px;
  }
  .sidebar-menu-open .site-tools .tools-icon {
    color: #fff;
  }
  .my-account .subbox {
    left: auto;
    right: 0;
  }
  .site-dialog-search {
    z-index: 999999999;
  }
  .sidebar-account a:hover {
    color: #fff;
  }
  .onsale {
    background-color:  #f58652 !important;
  }
  .privacy-policy-link {
    margin-left: 15px;
  }
  header#masthead.site-header.header-layout-1 {
    z-index: 999;
    position: fixed;
    width: 100%;
}
body:not(.home) .site-content{
    margin: 8.5em 0;
}
body.home .custom-mobile-logo-url{
  display: none;
}
body.home .custom-mobile-logo-url:not(.transparent){
  display: block;
}
.transparent-header body.home .custom-mobile-logo-url:not(.transparent){
  display: none;
}
.transparent-header body.home .custom-mobile-logo-url{
  display: block;
}
.sidebar-menu-open .site-tools .header-search-icon:hover{
  color: #fff;
}
.sidebar-menu-open .site-tools .tools-icon:hover {
  color: #fff;
}
.sidebar-menu-open .site-tools .tools-icon:hover{
  color: #fff;
}
/* .sidebar-menu-open .woostify-icon-bar span {
  background-color: #fff;
} */
}
.woocommerce-products-header__title {
  margin-bottom: 0;
}
.contact-us-form > div {
  margin-bottom: 15px;
}
.contact-us-form label {
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1;
}
.contact-us-form input {
  width: 100%;
}
.contact-us-form textarea {
  width: 100%;
  max-height: 150px;
}
.contact-submit input {
  width: auto;
  padding: 10px 15px;
  line-height: 1;
  float: right;
  background-color: #f58652;
  color: #fff;
  border: 1px solid #f58652;
}
@media (max-width: 768px) {
  .contact-us-form input {
    margin-bottom: 15px;
  }
  .site-branding img {
    max-width: 180px;
    margin-top: -10px;
  }
  .site-content {
    margin: 1em 0;
  }
  .woostify-sorting .woocommerce-ordering {
    margin-bottom: 20px;
  }
  .woocommerce-products-header__title {
    margin-bottom: 15px;
    text-align: center;
  }
  .privacy-policy-link {
    display: block;
    margin-top: 15px;
  }
  
}
mark {
  background-color: transparent;
  color: black;
}
#mid-banner {
  margin-top: 25px;
  display: flex !important;
  display: -webkit-flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  width: 100%;
  height: 431px;
  background: url("https://manicshop.ru/media/images/mnc_mob_9_V8TUcWf.jpg")
    center no-repeat;
  background-size: cover;
  margin-bottom: 54px;
}
.mid-banner-container {
  margin-left: -15px;
  margin-right: -15px;
}
.main-screen-container{
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 50px;
}
#mid-banner .btn {
  margin-top: 40px;
  font-size: 12px;
  font-weight: 300;
  padding: 14px 55px;
  border: 1px solid #fff;
  background: transparent;
  text-align: center;
  color: #fff;
  line-height: 1;
}
#mid-banner .btn:hover {
  color: #000 !important;
  background: #fff;
}
#main-screen .main-screen-img {
  width: 100%;
  height: 100vh;
}
.page.home .site-content{
  margin-top: 0;
}
html:not(.transparent-header) #masthead{
  background-color: #fff;
}
#main-screen .main-screen-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex!important;
  display: -webkit-flex!important;
  -webkit-align-items: center!important;
  align-items: center!important;
  -webkit-justify-content: center!important;
  justify-content: center!important;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 100px;
}
#main-screen .main-screen-wrapper h1 {
  font-size: 1.8rem;
  padding: 3rem 0 2rem;
}
#main-screen .main-screen-wrapper .btn {
  margin-top: 40px;
  font-size: 12px;
  font-weight: 300;
  padding: 14px 55px;
  color: #ffffff;
  border-color: #ffffff;
  border: 1px solid;
  line-height: 1;
}
#main-screen .main-screen-wrapper .btn:hover {
  color: #000 ;
  background-color: #fff;
}
/* .woostify-icon-bar span:before, .woostify-icon-bar span:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
} */

/* width */
.sub-menu.show::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.sub-menu.show::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.sub-menu.show::-webkit-scrollbar-thumb {
  background: #8f8f8f;
}

/* Handle on hover */
.sub-menu.show::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}