#widget-menu-container {
  margin: auto;
}
#widget-menu-container .site-button-wrapper .site-button {
  margin: 0;
}
#widget-menu-container .menu-widget-wrapper {
  height: 75px;
}
#widget-menu-container .big-menu-divider {
  display: none;
}
#widget-menu-container .widget {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
#widget-menu-container .widget.edit-mode {
  z-index: 12 !important;
}
#widget-menu-container .widget.show-menu-items {
  /*z-index: 20 !important;*/
}
#widget-menu-container .widget.w-bg-c0 .dropdown-menu .view-widget-content .widget-menu-items:not(.widget-menu-only-items) {
  border-color: rgba(0, 0, 0, 0.1);
}
#widget-menu-container .widget.btn-w2 .dropdown-menu .site-button {
  margin: 0 10px;
}
#widget-menu-container .widget.btn-w2 .big-menu-button .btn-site {
  width: auto;
}
#widget-menu-container .dropdown-menu {
  animation: none;
}
#widget-menu-container .dropdown-menu > .view-widget-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#widget-menu-container .dropdown-menu > .view-widget-content .widget-menu-items:not(.widget-menu-only-items) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#widget-menu-container .dropdown-menu > .view-widget-content .widget-menu-rows {
  padding: 15px;
}
.widget-wrapper.menu-widget-wrapper .widget-title.edit-bg {
  margin-left: 7px;
  margin-right: 7px;
}
@media (max-width: 340px) {
  .widget-wrapper.menu-widget-wrapper {
    padding: 0 10px;
  }
}
.widget-wrapper.menu-widget-wrapper .widget {
  padding-top: 0 !important;
}
#widget-menu-container.menu-view-mode .menu-widget-wrapper .widget {
  padding-right: 0;
}
.menu-widget-wrapper .widget-content .widget-link {
  position: relative;
  padding: 0;
  display: block;
}
.menu-widget-wrapper .edit-widget-content .gallery-buttons {
  padding: 10px;
}
.widget-menu-item-wrapper {
  padding: 5px;
}
.widget-menu-item-wrapper .gallery-button.btn-link.gallery-button-link {
  color: #5e5e5e !important;
  justify-content: space-between;
}
.widget-menu-item-wrapper .icon-edit {
  color: #B2B2B2;
  font-size: 18px;
  margin-left: 10px;
}
.menu-widget-wrapper .view-widget-content li a,
.preview-menu .view-widget-content li a {
  color: inherit;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
  display: block;
}
#add-widget-menu-page-item {
  padding: 10px;
  margin: auto;
}
#add-widget-menu-page-item .button-container {
  display: flex;
  justify-content: center;
}
#add-widget-menu-page-item .btn-success {
  padding: 8px 30px;
  background-color: white !important;
  color: var(--primary-color) !important;
}
#widget-menu-container.menu-view-mode.sticky-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}
.owner-of-page:not(.ismobile) #widget-menu-container.menu-view-mode {
  top: 55px;
}
#widget-menu-container .has-shadow {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#widget-menu-container .has-shadow:not(.foreground) {
  z-index: 10;
}
.menu-view-mode .widget:not(.is-sticky) #widget-menu-toggle,
.menu-view-mode .widget:not(.is-sticky) #widget-menu-title {
  color: #ffffff;
}
#header.widget-menu-header {
  left: calc((100vw - 332px) / 2);
  height: 55px;
  max-width: 320px;
}
#header.widget-menu-header.is-sticky {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
#header.widget-menu-header:not(.is-sticky) {
  background: none !important;
}
.menu-widget-wrapper .widget-content .dropdown-menu {
  width: 100%;
  /*position: relative;*/
  padding: 0;
  order: 5;
  box-shadow: none;
  top: 10px;
  z-index: 10;
}
.preview-menu {
  width: 320px;
  display: block;
}
.menu-widget-wrapper.widget-wrapper .widget-content-inner-padding {
  padding: 0;
}
.menu-widget-wrapper .widget-content {
  display: flex;
  padding: 10px !important;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.menu-widget-wrapper .widget-content .widget-title-wrapper hr {
  display: none !important;
}
.menu-widget-wrapper .widget-content .widget-title-wrapper .widget-title {
  white-space: nowrap;
  padding-bottom: 1px;
  padding-top: 5px;
}
.menu-widget-wrapper .widget-content .widget-title-wrapper .widget-title span {
  font-size: 1.1em;
}
.menu-widget-wrapper .widget-content .widget-first-column {
  order: 4;
}
.menu-widget-wrapper .edit-panel:not(.modal-preview) .widget-content .widget-first-column,
.menu-widget-wrapper .edit-panel.w-h-t:not(.modal-preview) .widget-content .dropdown-toggle {
  margin-right: 27px;
}
#widget-menu-toggle {
  order: 3;
  color: inherit;
}
#widget-menu-toggle i {
  font-size: 25px;
}
.menu-user-info {
  overflow: hidden;
  margin-right: 10px;
  order: 1;
  display: flex;
  align-items: center;
  flex: 1;
}
.menu-user-info img.menu-widget-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 1px;
  margin-right: 3px;
}
#user-info-img-container {
  width: 30px;
  margin-right: 10px;
}
.menu-user-info span {
  white-space: nowrap;
  display: block;
  width: 480px;
  text-align: left;
}
.menu-widget-wrapper .widget-link {
  padding-top: 9px;
}
.menu-widget-wrapper .widget.w-h-t:not(.edit-panel) .widget-content .widget-link.dropdown-toggle,
.menu-widget-wrapper .widget.w-h-t.modal-preview .widget-content .widget-link.dropdown-toggle {
  margin-right: 10px;
}
.menu-widget-wrapper .widget.edit-panel.modal-preview {
  padding-top: 0 !important;
}
#disable-menu-edit-mode {
  float: right;
  padding: 0 10px;
  color: #1156fb !important;
}
.menu-widget-wrapper .view-widget-content li .gallery-button-link {
  margin: 15px;
  width: auto;
}
.menu-widget-wrapper.menu-example {
  position: static!important;
  padding: 0;
  width: 100% !important;
}
.menu-widget-wrapper.menu-example .widget-first-column {
  display: block;
  order: 3;
}
#widget-menu-toggle-preview {
  order: 2;
  color: inherit;
}
.menu-widget-wrapper.menu-example .widget {
  padding-right: 0!important;
}
.menu-widget-wrapper.menu-example .dropdown-menu {
  visibility: visible!important;
  opacity: 1!important;
  max-height: 80vh!important;
}
.widget-content.open #widget-menu-toggle .zmdi-close {
  display: inline;
}
.widget-content.open #widget-menu-toggle .zmdi-menu {
  display: none;
}
.widget-content:not(.open) #widget-menu-toggle .zmdi-close {
  display: none;
}
.widget-content:not(.open) #widget-menu-toggle .zmdi-menu {
  display: inline;
}
#add-widget-menu-page-item .btn-create-page {
  border: 1px solid #c2c2c2;
  width: 100%;
  font-size: 14px;
  background-color: #ffffff;
  margin-bottom: 0;
}
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w2,
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w5 {
  width: 100%;
}
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w2 .widget,
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w5 .widget {
  max-width: none;
  width: 100%;
  border-radius: unset;
}
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w2 .widget .global-widget-content-wrapper,
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w5 .widget .global-widget-content-wrapper {
  width: calc(100vw - 18px);
}
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w2 .widget .global-widget-content-wrapper .global-widget-content,
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w5 .widget .global-widget-content-wrapper .global-widget-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
html:not(.ismobile) .widget-wrapper.menu-widget-wrapper.w-w-w5 .widget .global-widget-content-wrapper .global-widget-content {
  max-width: none;
}
.menu-widget-wrapper .edit-widget-content .select::before {
  content: none;
}
.menu-widget-wrapper .edit-widget-content .select .http-scheme {
  position: relative;
}
.menu-widget-wrapper .edit-widget-content .select .http-scheme::before {
  position: absolute;
  top: -1px;
  right: 0;
  content: "";
  height: calc(100% - 1px);
  width: 20px;
  background-color: #FFF;
  background-position: left calc(100% - 7px);
  background-repeat: no-repeat;
  background-image: url(../img/chevron-down.png);
  pointer-events: none;
  z-index: 5;
}
.show-dropdown-force {
  display: block!important;
}
#menu-blackout {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  z-index: 11;
  display: none;
}
#edit-widget-menu-page-container {
  position: relative;
}
#edit-widget-menu-page-container .http-scheme {
  width: 60%;
}
#add-widget-menu-page-item .btn-create-page[type="submit"] {
  padding: 5px;
  width: 95px;
  color: black !important;
  position: absolute;
  bottom: 0;
  right: 0;
}
.field-savemenuitem-type,
.field-savemenuitem-menuid {
  margin: 0!important;
}
.menu-widget-wrapper .edit-widget-content h3 {
  text-align: center;
  margin-top: 0;
  padding-top: 10px;
}
.menu-widget-wrapper .widget .show-pro {
  height: 51px;
  border-bottom-left-radius: inherit !important;
  border-bottom-right-radius: 0!important;
  padding: 16px 7px;
}
.menu-widget-wrapper .widget.edit-mode .show-pro {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 10px 7px;
}
.menu-widget-wrapper .widget-title-wrapper .view-widget-content,
.menu-widget-wrapper .menu-user-info {
  cursor: pointer;
}
#widget-menu-container .menu-widget-wrapper .widget .palette-Blue-100 {
  color: #444444 !important;
}
.narrow-menu .big-menu,
.narrow-menu .change-template-menu-link {
  display: none;
}
.narrow-menu .menu-widget-logo {
  height: 30px;
  max-width: 150px;
  object-fit: cover;
}
.change-menu-logo-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  cursor: pointer;
}
.big-menu-logo {
  flex-shrink: 0;
}
.big-menu-logo a {
  color: inherit;
  display: flex;
  align-items: center;
}
.big-menu-logo a .menu-widget-logo {
  height: 45px;
  max-width: 200px;
  object-fit: cover;
}
.big-menu-logo a .menu-widget-avatar {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  margin-right: 5px;
}
.big-menu .widget-menu-rows {
  display: none;
}
.close-menu-elem {
  font-size: 30px;
  line-height: 51px;
  text-align: right;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
  position: sticky;
  top: 0;
}
.close-menu-elem i {
  padding: 9px 15px;
  cursor: pointer;
}
.w-bg-c0 .close-menu-elem {
  border-color: rgba(0, 0, 0, 0.1);
}
.widget-menu-logo {
  height: 90px;
  max-width: 100%;
  object-fit: cover;
  padding: 15px;
}
.badge.shopping-cart-badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.23);
  padding: 4px 7px;
}
.widget-menu-cart .badge.shopping-cart-badge {
  position: static;
}
.menu-template-1 .big-menu-items ul,
.menu-template-2 .big-menu-items ul {
  text-align: center;
}
@media (max-width: 480px) {
  #widget-menu-container .menu-widget-wrapper {
    height: 51px;
  }
  .widget-menu-dropdown .view-widget-content {
    animation-duration: 0.2s;
  }
  .sidebar-custom-backdrop {
    visibility: hidden;
  }
  .widget-menu-button {
    padding: 15px 0;
  }
  #widget-menu-container .big-menu,
  #widget-menu-container .change-template-menu-link {
    display: none;
  }
  #widget-menu-container .menu-widget-logo {
    height: 30px;
    max-width: 150px;
    object-fit: cover;
  }
}
@media (min-width: 481px) {
  #widget-menu-container .big-menu-button {
    display: flex;
    height: 45px;
    align-items: center;
  }
  #widget-menu-container .big-menu-button .btn {
    margin: 0;
  }
  #widget-menu-container .menu-template-1 .widget-menu-dropdown,
  #widget-menu-container .menu-template-2 .widget-menu-dropdown {
    max-width: 634px;
  }
  #widget-menu-container .menu-template-1 .widget-menu-dropdown > .edit-widget-content,
  #widget-menu-container .menu-template-2 .widget-menu-dropdown > .edit-widget-content {
    padding-left: 0;
  }
  #widget-menu-container .menu-template-1.menu-widget-wrapper,
  #widget-menu-container .menu-template-2.menu-widget-wrapper {
    height: 148px;
  }
  #widget-menu-container .menu-template-1 .big-menu-divider,
  #widget-menu-container .menu-template-2 .big-menu-divider {
    display: block;
    flex-basis: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 15px 0;
  }
  #widget-menu-container .menu-template-1.edit-panel:not(.modal-preview) .big-menu .big-menu-button .btn,
  #widget-menu-container .menu-template-2.edit-panel:not(.modal-preview) .big-menu .big-menu-button .btn,
  #widget-menu-container .menu-template-1.change-template-mode .big-menu .big-menu-button .btn,
  #widget-menu-container .menu-template-2.change-template-mode .big-menu .big-menu-button .btn {
    margin-right: 25px;
  }
  #widget-menu-container .menu-template-1 .big-menu,
  #widget-menu-container .menu-template-2 .big-menu {
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
  }
  #widget-menu-container .menu-template-1 .big-menu .widget-menu-rows,
  #widget-menu-container .menu-template-2 .big-menu .widget-menu-rows {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    flex-direction: column;
    justify-content: center;
    font-weight: 600 !important;
  }
  #widget-menu-container .menu-template-1 .big-menu .widget-menu-rows.hidden,
  #widget-menu-container .menu-template-2 .big-menu .widget-menu-rows.hidden {
    display: block;
  }
  #widget-menu-container .menu-template-1 .big-menu .big-menu-button,
  #widget-menu-container .menu-template-2 .big-menu .big-menu-button {
    position: absolute;
    right: 0;
    top: 0;
  }
  #widget-menu-container .menu-template-1 .big-menu .widget-menu-button,
  #widget-menu-container .menu-template-2 .big-menu .widget-menu-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #widget-menu-container .menu-template-1 .big-menu .big-menu-items,
  #widget-menu-container .menu-template-2 .big-menu .big-menu-items {
    flex-basis: 100%;
    justify-content: center;
    margin: 0 35px;
  }
  #widget-menu-container .menu-template-1 .big-menu .big-menu-cart,
  #widget-menu-container .menu-template-2 .big-menu .big-menu-cart {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #widget-menu-container .menu-template-2.menu-widget-wrapper {
    height: 176px;
  }
  #widget-menu-container .menu-template-2 .big-menu-divider {
    display: none;
  }
  #widget-menu-container .menu-template-2 .big-menu-logo {
    margin-bottom: 15px;
  }
  #widget-menu-container .menu-template-2 .big-menu-logo a .menu-widget-logo {
    height: 90px;
    max-width: 400px;
  }
  #widget-menu-container .menu-template-2 .big-menu-logo a .menu-widget-avatar {
    height: 90px;
    width: 90px;
  }
  #widget-menu-container .menu-widget-wrapper:not(.w-w-w2):not(.w-w-w5) {
    height: 51px;
  }
  #widget-menu-container .widget-menu-dropdown {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 669px;
    margin: 0 auto;
  }
  #widget-menu-container .widget-menu-dropdown > .edit-widget-content {
    padding-left: 35px;
  }
  #widget-menu-container .widget-menu-dropdown li:not(.widget-menu-item-wrapper) > a,
  #widget-menu-container .widget-menu-dropdown .widget-menu-rows {
    padding: 10px;
  }
  #widget-menu-container .widget-menu-dropdown .view-widget-content {
    position: static;
    overflow: visible;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #widget-menu-container .widget-menu-dropdown .view-widget-content .widget-menu-items:not(.widget-menu-only-items) {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #widget-menu-container .close-menu-elem,
  #widget-menu-container .widget-menu-logo {
    display: none;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .show-pro {
    height: 30px;
    border-radius: 5px !important;
    padding: 5px 7px;
    top: 10px;
  }
  .menu-widget-wrapper .widget:not(.w-w1).w-w-a .show-pro {
    left: 15px;
    top: 15px;
  }
  .widget:not(.w-w1) #widget-menu-toggle,
  #widget-menu-container .widget:not(.w-w1) .widget-first-column,
  #widget-menu-container .widget:not(.w-w1) .menu-user-info {
    display: none;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .global-widget-content {
    display: flex;
    align-items: center;
  }
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .show-widget-edit-menu,
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .end-edit-link,
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .end-change-template-link {
    position: static;
    order: 1;
    padding: 15px;
    margin-left: -15px;
    align-self: start;
    margin-top: 10px;
  }
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .show-widget-edit-menu i,
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .end-edit-link i,
  .menu-widget-wrapper .widget:not(.w-w1):not(.menu-template-1):not(.menu-template-2) .end-change-template-link i {
    width: 20px;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content-inner-padding {
    flex-grow: 1;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .dropdown-menu .view-widget-content {
    display: none;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content {
    justify-content: start;
    padding: 15px !important;
    overflow: visible;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu {
    flex-grow: 1;
    display: flex;
    align-items: stretch;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items {
    display: flex;
    align-items: center;
    margin-left: 15px;
    flex-grow: 1;
    flex-basis: 1px;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items > ul {
    padding: 0;
    margin-bottom: -1px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: calc(1.4em + 20px);
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items > ul li {
    list-style: none;
    display: inline-block;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items.priority-nav > ul {
    flex-wrap: nowrap;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .big-menu-item {
    display: block;
    color: inherit;
    padding: 10px 15px;
    white-space: nowrap;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .priority-nav__dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    padding: 10px 0;
    border-radius: 3px;
    margin: 0;
    border: 0;
    width: auto;
    position: absolute;
    right: 0;
    top: -17px;
    z-index: 1;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .priority-nav__dropdown > li {
    list-style: none;
    display: block;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .priority-nav__dropdown > li > a {
    width: 100%;
    display: block;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .priority-nav__dropdown > li > a:hover {
    text-decoration: none;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .nav__dropdown-toggle {
    border: none;
    background: none;
    padding: 0 15px;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-items .nav__dropdown-toggle i {
    font-size: 26px;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-button {
    flex-shrink: 0;
  }
  .menu-widget-wrapper .widget:not(.w-w1) .widget-content .big-menu .big-menu-cart {
    padding: 10px 15px;
    font-size: 20px;
    line-height: 25px;
    color: inherit;
    position: relative;
  }
  #widget-menu-container .widget.w-w1 .big-menu,
  #widget-menu-container .widget.w-w1 .change-template-menu-link {
    display: none;
  }
  #widget-menu-container .widget.w-w1 .menu-widget-logo {
    height: 30px;
    max-width: 150px;
    object-fit: cover;
  }
}
