/*
Theme Name: ARSH
Theme URI: https://arsh.com/
Author: ARSH Team
Author URI: https://arsh.com/
Description: ARSH is a comprehensive Food Ordering System designed specifically for WordPress, empowering restaurant owners to seamlessly transition into the realm of online food sales. With ARSH, restaurateurs can effortlessly showcase their delectable menu offerings and streamline the ordering process for their valued customers. From appetizing starters to mouthwatering mains and indulgent desserts, ARSH provides a user-friendly platform for patrons to explore and order their favorite dishes from the comfort of their own homes. Elevate your restaurant's online presence and expand your culinary reach with ARSH.
Tags: Food ordering, online ordering, restaurant ordering, restaurant menu, food delivery, takeaway, pickup, restaurant menu, reorder, gift voucher
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Text Domain: arsh
*/

* {
  text-rendering: optimizeLegibility;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  overflow-x: unset;
  /* or initial */
}


body.arsh-110 {
  padding-top: 42px !important;
}

.logo-container,
.logo-wrapper {
  display: inline-block;
}

.logo-container.bg-true {
  background-color: #fff;
  border-radius: 200px;
  width: 110px;
  height: 110px;
  margin-bottom: -60px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.logo-container {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
}

body.arsh-110 .alert-msg {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 4 !important;
}

.alert-msg {
  padding: 10px 15px;
  text-align: center;
  background: var(--background-color);
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 3;
  font-size: .9rem;
}

.alert-msg {
  min-height: 35px;
}

.topbar-container {
  padding: 0 !important;
}

.topbar-container {
  position: relative;
  z-index: 3;
}

.footer-container {
  background-color: #13171a;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 25px 15px !important;
  min-height: 280px;
  color: #acacab;
}

.footer-container {
  color: #acacab;
}

.footer-container a {
  color: #fff;
}

.footer-container .social-wrapper {
  line-height: 0;
}

.footer-container svg {
  font-size: 1.3rem;
  padding: 5px;
}

ul#menu-footer-link {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0px;
}

ul#menu-footer-link li {
    display: inline;
    margin-right: 0.75rem;
}

ul#menu-footer-link li:last-child {
    margin-right: 0 !important;
}

ul#menu-footer-link li a {
    text-decoration: none;
}

img,
svg,
i {
  vertical-align: middle;
}

.fs-08 {
  font-size: .8rem !important;
}

.branch-phone-number {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  background-color: var(--background-color);
  color: var(--foreground-color);
}
.cart-icon i{
  color:var(--background-color);
}

.btn-arsh-primary {
  color: var(--foreground-color) !important;
  background-color: var(--background-color) !important;
  border-color: var(--background-color) !important;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.footer-container .social-wrapper {
  line-height: 0;
}

.footer-container a {
  color: #fff;
}

.footer-container i {
  font-size: 1.3rem;
  padding: 5px;
  vertical-align: middle !important;
}

.arsh-text {
  font-size: 1.1rem;
  -webkit-text-stroke: .05rem;
  color: var(--theme-color-primary) !important;
}

.static-page-content-container {
  margin: 35px 2rem 0;
  padding: 2rem 0;
  min-height: calc(100vh - 179px - 4rem);
}


/* Media query for mobile devices */
@media (max-width: 767px) {
  .alert-msg {
      font-size: .8rem; /* Adjust this for mobile devices */
      min-height: 42px;
  }
}

/* Media query for tablet devices */
@media (min-width: 768px) and (max-width: 991px) {
  .font-lg {
      font-size: .9rem; /* Adjust this for tablet devices */
  }
}