/* FONT */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=latin-ext');

body {
  font-family: 'Open Sans', sans-serif;
}

* {
  color: #393939 !important;
}


.skin-color-primary {
  color: rgb(51, 150, 186);
}

a {
  text-decoration: none !important;
  color: #393939 !important;
}

a:hover {
  color: rgb(51, 150, 186) !important;
}

h2,
h1,
a h1,
a h2,
a h3 {
  text-decoration: none !important;
  color: rgb(51, 150, 186) !important;
}

::selection {
  background-color: rgb(51, 150, 186);
}
.app__main,
.app__footer.env-primary {
  border-top: 1px solid #ccc;
  border-radius: 0px !important;
}

p,
.shop-list, 
.footer__copyright {
  color: #393939;
}

.product-card {
  border-radius: 20px !important;
  border: 1px solid rgb(224, 224, 224) !important;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important; 

}

.load-indicator button.button--full,
.passwordLoginSection button.button--full {
  color: #fff !important;
}

.env-primary,
.passwordLoginSection {
  border-radius: 20px !important; 
}


.input-label__required {
  color: rgb(51, 150, 186) !important;
}

.load-indicator button.button--full,
.passwordLoginSection button.button--full,
.product-detail__buy-button,
.radio-buttons__item,
.time-location__button,
.product-card__buy {
  background-color: rgb(51, 150, 186) !important;
}

.load-indicator button.button--full:hover,
.passwordLoginSection button.button--full:hover {
  background-color: rgb(51, 150, 186) !important;
}


.registration .skin-bg-primary,
.passwordLoginSection {
  background-color: rgb(240, 240, 240) !important
}

.button--cancel,
.time-location__button,
.button--narrow,
.radio-buttons__item--inactive {
  background-color: #393939 !important;
  color: rgb(255, 255, 255) !important;
}


button.modal__close {
  background-color: #ccc !important;
  color: #fff !important;
}

.list__action:hover,
.button--cancel:hover,
.modal__close:hover,
.time-location__button:hover,
.button--narrow:hover,
.radio-buttons__item:hover {
  background-color: rgb(51, 150, 186) !important;
  color: #fff !important;
}


button.product-detail__buy-button,
.product-detail__buy-button__label {
  color: #fff !important;
}

.product-detail__buy-button svg {
  fill: #fff !important;
}

svg.cart__visual__icon {
  fill: #fff !important;
  padding: 3px;
}

.cart__visual__count {
  background-color: rgb(51, 150, 186) !important;
  color: #fff !important;
}

.cart__visual {
  border-radius: 50%;
  background-color: #393939 !important;
}

.search-form__button__icon {
  fill: #393939 !important;
}


.product-detail__buy-button:hover,
.product-card__buy:hover {
  background-color: #393939 !important;
}


.radio-buttons__item {
  font-weight: 400 !important;
  
}

.radio-buttons--buttons {
  justify-content: left !important;
}

.product-detail__heading,
.form__input h3 {
  color: #393939 !important;
}


/* BREADCRUMBS ON PRODUCT PAGE COLORS */
.breadcrumbs .breadcrumbs__link:hover {
  color: rgb(51, 150, 186);
}

.breadcrumbs .default-breadcrumb li.crumb::after {
  background-color: #eaecf1;
}

.breadcrumbs .default-breadcrumb li.crumb::before {
  background-color: #eaecf1;
}
.breadcrumbs .default-breadcrumb li.crumb.active {
  background-color: rgb(51, 150, 186);
  color: #fff !important;
}
.breadcrumbs .default-breadcrumb li.crumb.active::before,
.breadcrumbs .default-breadcrumb li.crumb.active::after {
  background-color: rgb(51, 150, 186);
  color: #fff !important;
}

.breadcrumbs .default-breadcrumb li.crumb a {
  color: #8093a7;
  text-decoration: none;
}
.breadcrumbs .default-breadcrumb li.crumb a:hover {
  color: rgb(51, 150, 186);
}
/*HOVER ON ICON HOME IN BREADCRUMBS*/
.breadcrumbs .link_home:hover svg {
  fill: rgb(51, 150, 186);
}

.product-detail__image-wrapper img {
  border-radius: 20px !important;
}

.product-detail__text {
  color: #393939;
}

.form--cart .radio-buttons--points .radio-buttons__item {
  background-color: #ffffff !important;
}

.time-location-form .radio-buttons__label {
  color: #fff !important;
}

.form--cart .form__input .radio-buttons__label {
  color: #393939 !important;
}

.skin-bg-pseudo-dark:after,
.skin-bg-pseudo-dark:before {
  background-color: rgb(51, 150, 186);
}
.skin-border-dark {
  border-color: rgb(51, 150, 186);
}

legend.form__heading {
  text-align: center;
}

.cart-price-total,
.cart-price-total__number span,
.product-detail__price,
.unavailable_item {
  color: rgb(51, 150, 186) !important;
}

.toast-message, .toast-message a {
  background-color: rgb(51, 150, 186);
  color: #fff !important;
  border-color: #fff;
}

.product-detail__buy-button:hover {
  background-color: rgb(17, 93, 121) !important;
}

.crumb .link span,
.crumb .link {
  color: #fff !important;
}

.social-links__item__icon,
.social-links__item_instagram {
  fill: #393939 !important;
}

.nav--stack .nav__list  {
  background-color: rgb(240, 240, 240);
  border-radius: 8px 8px 0 0 !important;
}

.nav__list {
  background-color: rgb(51, 150, 186);
}

.nav__list .skin-bg-dark {
  background-color: rgb(17, 93, 121);
}


.nav--toggle .nav__list {
  background-color: rgb(51, 150, 186);
}

.nav--toggle .nav__list .skin-bg-dark {
  background-color: rgb(17, 93, 121);
}

.nav--stack .nav__list  .skin-bg-dark {
  background-color: rgb(216, 216, 216);
}

.app__main .skin-bg-primary {
  background-color: rgb(51, 150, 186);
}

.app__header {
  border: inherit !important;
  border-bottom-width: 2px !important;
}

.nav__list button {
  color: #fff !important;
}

.icon.location__icon path {
  color: #fff !important;
}

.location__message span {
  color: #fff !important; 
}

.location__message strong {
  color: #fff !important; 
}

.options__message {
  color: #fff !important; 
}

.daily-menu__heading.skin-bg-primary {
  color: #fff !important; 
}

.icon.order-button__icon.order-button__icon--light path{
  color: #fff !important;
}

.calendar__nav__month {
  color: #fff !important;
}

.icon path {
  color: #fff !important;
}

.nav--stack .nav__list li,
.nav--stack .nav__list li:hover {
  border-radius: 8px 8px 0 0 !important;
}

.nav--stack .nav__list a {
  color: #393939 !important;
}
.nav--toggle .nav__list a {
  color: #fff !important;
}

.nav--stack .nav__list__item:hover {
  background-color: rgb(216, 216, 216);
  transition: all 0.25s ease;
}
.nav--toggle .nav__list__item:hover {
  background-color: rgb(17, 93, 121);
  transition: all 0.25s ease;
}

.spread .button--center {
  background-color: #393939 !important;
  color: #fff !important;
}

.spread .button--center:hover {
  background-color: rgb(51, 150, 186) !important;
}

legend.form__heading {
  color: rgb(51, 150, 186) !important;
  text-align: left;
}

.site-logo {
  width: 220px !important;
  min-width: 220px !important;
}

.site-logo__image {
    max-height: inherit !important;
}

.details-button__center,
.profile-infobox__avatar,
.details-button {
  color: #fff !important
}

.details-button__center {
  top: 50% !important
}

.nav__toggler--open+.nav__list {
  max-height: 400vh !important
}

.default-breadcrumb li.crumb:nth-child(3) {
  display: none !important;
}

@media (max-width: 720px) {
  button span { color: #fff !important }
  button.hamburger i { background-color: #393939 !important; }
  .site-logo__image { width: auto !important}
  .app__header { background-color: #fff !important; border-bottom: 1px solid #ccc !important; }

  .header__block--nav { background-color: rgb(240, 240, 240) !important; }
  .selectbox { width: 100% !important; }
  .selectbox__element { 
    padding: 1rem 1.5rem 1rem .5rem !important;
    background-color: #fff !important;
  }
  .header__block--links span {
      padding: 0.75em 0em !important;

  }

  .nav__link {
    border-bottom: 0px !important;
    
  }

.nav--stack .nav__list li,
.nav--stack .nav__list li:hover {
  border-radius: 10px !important;
  border: none;
  padding: 6px 6px 6px 10px !important;
  background: rgb(216, 216, 216) !important;
  margin: 6px 0;
}

.header__logout {
  background: rgb(51, 150, 186) !important;
  padding: 10px !important;
  color: #fff !important;
  border-radius: 10px !important;
  
}

.header__block--links span {
  background: rgb(216, 216, 216) !important;
  padding: 10px 10px 10px 10px !important; 
  border-radius: 10px !important;
}
  
.header__block--links span.selectbox-container {
  background: initial !important;
  padding: 0 !important; 
}

.header__block--links span a.header__link {
  width: 100% !important;
  display:inline-block !important;
}

.header__block--links {
  display: none !important;
}

.nav__list li:nth-child(1){
  display: none !important;
}

}

.input--invalid {
   color: #ea0c0c !important;
}

.dish-row__item.dish-row__image {
  display: none !important;
}

.dish-row__item.dish-row__price {
  display: none !important;
}

.icon.user-bar__icon {
  display: none !important;
  pointer-events: none !important;
}

.user-bar__name {
  display: none !important;
  pointer-events: none !important;
}

.dish__action__description p:nth-child(2) {
  display: none !important;
}

@media (min-width: 720px) {
  .header__top-bar .site-logo {
      top: 10px !important;
  }

  .header__block--primary {
    visibility: hidden !important;
  }

  .app__main.canteen {
    margin-top: -54px !important;
  }

  .app__main.canteen.login {
    margin-top: 0px !important;
  }

.app__header {
    z-index: initial !important;
  }

.summary.skin-bg-dark.summary-with-content {
  pointer-events: none !important;
}

.order__price {
  display: none !important;
}
  
}