/* Add custom CSS styles below */ 
:root {
  --om-main-color: #ff3737;
  --om-dark-blue: #18202e;
  --om-orange-custom: #ffb91f;
}
/* This is the entire scrollbar */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--om-orange-custom); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

body {
  background-color: #f3f5ff;
}
.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
background: var(--om-main-color);
}
.s-block--best-offers .s-slider-nav-arrow,
salla-products-slider .s-slider-nav-arrow,
.s-slider-block__title-nav:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]),
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
background-color: var(--om-main-color) !important;;
}

.s-slider-nav-arrow {
  border-color: var(--om-main-color); !important;
}
.s-slider-nav-arrow svg {
  fill: #fff; !important;
  width: 32px;
}

.s-slider-nav-arrow:not(:disabled):hover {
border-color: #FFF;
}
.s-slider-nav-arrow:not(:disabled):hover svg {
fill: #fff;
}
.top-navbar,
.store-footer {
  background-color: #151c28;
  color: #fff;
}
.main-menu li.root-level>a,
.main-menu li>a {
  color: #fff;
}
.main-menu li:hover>.sub-menu {
  background: var(--om-main-color);
}
.main-nav-container {
  box-shadow: 0 13px 0px 0px #000;
  background: var(--om-main-color); 
}
.navbar-brand img {
  max-width: 140px;
}
.main-nav-container .inner {
  box-shadow: 0 0px 6px 1px #00000038;
}
.top-navbar .s-search-input {
  background-color: #fff;
  border-radius: 8px !important;
  border: 2px solid var(--om-dark-blue);
}
.header-buttons > button {
  background-color: #fff;
  padding: 6px;
  border-radius: 6px;
  color: #000;
}
.s-search-icon svg {
  fill: var(--om-main-color);
}
.main-menu .has-children.root-level>a:after {
  opacity: 1;
}
.main-menu .has-children.root-level:hover>a:after {
  color: #000;
  opacity: 1;
}
.header-btn__icon {
  background-color: #fff;
  color: #000;
}
.s-cart-summary-count {
  background: #000;
}
.s-block--hero-slider .swiper-slide .overlay-bg:after {
  background: transparent;
}
.s-block--hero-slider .swiper-slide div.flex-center div {
  color: #000;
  background: #ffffffd6 !important;
  padding: 3rem 0.5rem;
  border-radius: 16px 16px 16px 0;
}
.s-block__title h2,
.s-block .slider-bg .container div h3,
.s-slider-block__title h2 {
  background-color: var(--om-orange-custom);
  font-size: 1.7rem;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: -1px 2px 4px 0 #000;
  color: #000;
  display: inline-block;
}
.s-block .slider-bg .container div h3 {
  box-shadow: 0px 0px 7px 3px #cc9d03;
}
.s-product-card-image img {
background-color: #fff;
border-bottom: 1px solid #ccc;
}
.s-button-primary-outline {
   background-color: var(--om-orange-custom);
   border-radius: 8px;
   border-color: var(--om-orange-custom);
   box-shadow: -1px 2px 4px 0 #000;
}
.s-button-primary-outline:hover {
color: var(--om-orange-custom);
}
.s-product-card-price ,
.main-content h2{
color: var(--om-main-color);
}

.banner-entry div{
  transition: all 0.5s;
}
.banner-entry:hover div {
  box-shadow: inset 0 0px 101px var(--om-main-color);
  transform: scale(1.2);
}
section:nth-of-type(5) .container img{
  box-shadow: inset 7rem 0 14rem 12rem #000;
  transition: all 0.5s;
}
section:nth-of-type(5) .container img:hover{
  box-shadow:inset 80rem 64px 80rem 80rem #000;
  transform:scale(1.07);
}
.s-block__display-all,
.s-slider-block__display-all {
opacity: 1;
color: var(--om-main-color);
font-size: 1rem;
  &:hover {
  color: #000;
  }
}
.store-footer__inner {
border-bottom:1px solid var(--om-main-color);
}
.copyright-text p,
.store-footer h3 {
color: var(--om-main-color);
}
.copyright-text p a:hover {
color: var(--om-orange-custom);
opacity:1 ;
}
.store-footer .container div a i,
.store-footer .social-link {
color: var(--om-main-color);
border-color: var(--om-main-color);
}
.store-footer .store-footer__inner > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.breadcrumbs ol li:last-of-type,
#page-main-title {
color: var(--om-main-color);
}
.s-infinite-scroll-btn{
background-color: var(--om-main-color);
color: #fff;
opacity: 1;
border-color: var(--om-main-color);
}
.s-add-product-button-with-sticky-bar .s-button-primary{
background-color: var(--om-main-color) !important;
border-radius: 8px;
color: #fff;
border-color: var(--om-main-color);
}
.s-quantity-input-input {
background-color: var(--om-orange-custom);
}

/* Media Query*/
@media only screen and (max-width: 768px) {
.mm-spn.mm-spn--navbar.mm-spn--main,
.mm-spn.mm-spn--navbar ul {
background:#1d2739;
}
.mm-spn.mm-spn--navbar.mm-spn--main * {
color: #FFF;
}
.mm-spn.mm-spn--navbar.mm-spn--main *:hover {
background: #fff;
}
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after,
.mm-spn.mm-spn--navbar:where([dir=rtl],[dir=rtl] *):after {
background-color: var(--om-orange-custom);
}
  .home-slider__content h2,
  .s-block__title h2, .s-block .slider-bg .container div h3, .s-slider-block__title h2 {
    font-size: 15px;
  }
  .s-block--hero-slider .swiper-slide div.flex-center div     
  { padding: 2rem 0.5rem}
  .s-block__title h2, .s-slider-block__title h2 {
  font-size: 1.2rem;
  }
 #page-main-title {
   font-size: 0.95rem;
 }
  .s-product-card-content {
    padding: 0.5rem;
  }
  .s-button-primary-outline {
  padding: 7px;
  }
  .store-footer .store-footer__inner > div {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .s-block .slider-bg .container div h3 {
  padding: 5px 23px
  }
  .navbar-brand img {
  max-width: 84px
  }
  .inner .container div a {
  margin-left: 0.4rem;
  }
 .inner .container div a i {
  color: var(--om-dark-blue);
  }
  .breadcrumbs ol {
  font-size: .75rem
  }
}