/* custom navigate navbar style */
.navigation {
  background-color: var(--color-1st-second);
}
.navigation > .ps-container, .navigation > .container {
  display: flex;
  flex-flow: row nowrap;
}
.navigation > .ps-container > *, .navigation > .container > * {
  width: 100%;
}
/* custom admin modal - config in first time */

.modal-dialog-scrollable {
  height: 100% !important;
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: auto !important;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto !important;
}
/* badges status ordres */
.bg-info {
    background-color: #17a2b8!important;
    color: white;
    font-size: 90%;
}
.bg-warning {
    background-color: #ffc107!important;
	color: white;
    font-size: 90%;
}
.bg-success {
    background-color: #28a745!important;
  	color: white;
    font-size: 90%;
}
.bg-danger {
    background-color: #dc3545!important;
    color: white;
    font-size: 90%;
}
/* contact phone number style */
.widget_contact-us .widget_content h3 {
    color: var(--color-1st);
  	font-size: 18px;
}
/*Custom parts site features */
@media (max-width: 420px) {
  .ps-block--site-features .ps-block__item {
    max-width: 100%;
    flex-flow: row nowrap;
  }
  .ps-block--site-features .ps-block__item .ps-block__right {
    padding-left: 20px;
  }
  .ps-block--site-features.ps-block--site-features-2 .ps-block__item {
    max-width: 100%;
  }
}
@media (max-width: 659px) {
  .ps-block--site-features .ps-block__item {
    max-width: 100%;
    flex-flow: row nowrap;
  }
  .ps-block--site-features .ps-block__item .ps-block__right {
    padding-left: 20px;
  }
  .ps-block--site-features.ps-block--site-features-2 .ps-block__item {
    max-width: 100%;
  }
}
@media (max-width: 1440px){
  .ps-block--site-features .ps-block__item {
    text-align: left;
  }
   .ps-block--site-features .ps-block__left {
    margin-bottom: 15px;
  }
  .ps-block--site-features .ps-block__right {
    width: 100%;
    padding-left: 0;
  }
}
/* custom rtl dropdown menu */
body[dir=rtl] .header.header--sticky .menu--product-categories .menu__content {
    margin-top: 8px;
    margin-left: -180px;
}