/**
 * Theme Name: 7Tata Theme
 * Template: astra
 * Version: 1.6.5
*/
:root {
  --t7-color-primary: #4d1218;
  --t7-color-primary-shade-hard: rgb(201.0105263158, 46.9894736842, 62.6526315789);
  --t7-color-primary-shade-soft: rgb(234.3473684211, 166.6526315789, 173.5368421053);
  --t7-color-secondary: $colorSecondary;
  --t7-color-secondary-shade-hard: hsl(33, 33.8983050847%, 106.862745098%);
  --t7-color-secondary-shade-soft: hsl(33, 33.8983050847%, 136.862745098%);
  --t7-color-danger: #bb1a22;
  --t7-color-warning: #124d2e;
  --t7-color-success: #4d4312;
}

html {
  font: size 15px;
  font-family: alexandria;
}

/*
 * Buttons
 * Inputs
 * Select
 * Quantity Field ( Special Element )
 * Back To Top
*/
button,
a.btn {
  text-align: center;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(to right, var(--t7-color-primary-shade-hard) 100%, rgba(0, 0, 0, 0) 0) 0%/0% 100% var(--t7-color-primary) no-repeat;
  color: #fff;
  transition: all 0.25s ease-in-out;
  position: relative;
  /*i {
      transition:all 0.25s ease-in-out;

      font-size:22px;

      background:var(--t7-color-primary);
      color:#FFF;

      height:100%;
      width:40px;

      display:inline-block;

      box-shadow:16px 0 0 18px var(--t7-color-primary);

     transform:skew(15deg);

     margin-inline-end:20px;

      &:before {
          transform:skew(-15deg);

          display:block;
      }
  }*/
}
button:hover,
a.btn:hover {
  color: #FFF;
  background-size: 100% 100%;
  /*i {
      transform:scale(1.1)skew(15deg);
  }*/
}
button.secondary,
a.btn.secondary {
  background: linear-gradient(to right, var(--t7-color-secondary-shade-soft) 100%, rgba(0, 0, 0, 0) 0) 0%/0% 100% var(--t7-color-secondary) no-repeat;
  /*i {
      background:var(--t7-color-secondary);
      box-shadow: -10px 0 0 18px var(--t7-color-secondary);
  }*/
}
button.iconBtn,
a.btn.iconBtn {
  padding-inline: 12px;
  /*i {
      margin: 0;
  }*/
}

input {
  border: 1px solid;
  padding: 8px 16px;
}

select,
.select2-container .select2-selection--single {
  background-color: #F6F6F6 !important;
  background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(-60deg, #EEE 60%, rgba(0, 0, 0, 0) 0);
  background-size: 0.8em, 3em;
  background-position: calc(100% - 10px) 50%, 100% !important;
}

.form-field {
  display: inline-flex;
  flex-direction: row-reverse;
  position: relative;
  margin: 10px;
}
.form-field label {
  position: absolute;
  bottom: 100%;
  inset-inline-start: -5px;
  font-size: 14px;
}
.form-field i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-field input {
  border: none;
  border-bottom: 2px solid var(--t7-color-primary);
  text-indent: 10px;
  font-style: normal;
  transform: none;
}
.form-field input:focus {
  outline: none;
}

.quantity-field {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  overflow: hidden;
}
.quantity-field input {
  border: none;
  transform: none;
  width: 100px;
}
.quantity-field button {
  background: var(--t7-color-primary);
  padding: 5px;
  color: #FFF;
  border-radius: 90px;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /*i {
      margin:0;
      background:none;
      box-shadow:none;

      color:#000;

      &:hover {
          transform:skew(15deg);
      }
  }*/
}

#ast-scroll-top {
  background: var(--t7-color-primary-shade-hard);
}
#ast-scroll-top:hover {
  background: var(--t7-color-primary);
}

/*
 * Sidebar
 * Sale Flash
 * Product Card
 * Product Page
 * Sale Flash
 * Zoom Btn
 * Search Form
 * Main Sidebar
 * Price Range
 * Widget Title
 * Pagination
 * Login/Register Page
 * Products Collection Page
 * Header Mini Cart
 * Add To Cart Buttons ( Special )
*/
body.ast-woo-shop-archive #filter-products {
  position: absolute;
  height: 40px;
  bottom: 100%;
  inset-inline-end: 5px;
}
body.ast-woo-shop-archive .ast-container {
  position: relative;
}

@media (max-width: 922px) {
  #t7-shop-sidebar {
    position: fixed;
    background: #FFF;
    padding: 5px;
    border-radius: 10px;
    position: fixed;
    width: 300px;
    height: 400px;
    top: calc(50% - 175px);
    inset-inline-start: calc(50% - 150px);
    overflow: auto;
    padding-top: 50px !important;
    outline: 100vmax solid rgba(0, 0, 0, 0.2);
  }
  #t7-shop-sidebar.active {
    display: flex;
  }
  #t7-shop-sidebar:not(.active) {
    display: none;
  }
  #t7-shop-sidebar > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    background: #FFF;
    padding: 10px;
  }
}
@media (max-width: 300px) {
  #t7-shop-sidebar {
    border-radius: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 48px;
  }
}

.woocommerce-product-gallery {
  border-radius: 10px;
  overflow: hidden;
}

span.ast-on-card-button.ast-onsale-card {
  color: #fff;
  background: var(--t7-color-primary);
  box-shadow: none;
  padding: 5px 20px;
  inset-inline-start: -5px;
  top: -5px;
  font-size: 13px;
  text-align: center;
  top: 5px;
  inset-inline-start: 5px;
  border-radius: 10px !important;
}

.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger {
  border-radius: 0;
}

li.product {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 2.5px;
  box-shadow: 0 0 10px #AAA;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.25s ease-in-out;
}
li.product .woocommerce-loop-product__title {
  min-height: 60px;
}
li.product .price .amount {
  font-size: 18px;
  font-weight: bolder;
}
li.product .price {
  min-height: 50px;
}
li.product .astra-shop-summary-wrap {
  padding: 10px;
}
li.product a.btn {
  margin-top: 5px;
  width: 100%;
  display: block;
}
@media (max-width: 740px) {
  li.product a.btn {
    font-size: 12px;
  }
}
li.product .attachment-woocommerce_thumbnail {
  transform: scale(1.05);
}
li.product .astra-shop-summary-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
li.product .review-rating {
  order: 0;
}

span.ahfb-svg-iconset {
  border-radius: 0 !important;
  box-shadow: none !important;
}

#t7-woo-search-form {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 38px;
}
#t7-woo-search-form input {
  height: 100%;
}
#t7-woo-search-form button {
  font-size: 14px;
  height: 100%;
}
#t7-woo-search-form i {
  font-size: 14px;
  box-shadow: 14px 0 0 20px var(--t7-color-primary);
}

#t7-shop-sidebar {
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 300px;
}

.price_slider .ui-slider-handle {
  background-color: var(--t7-color-primary) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: var(--t7-color-primary-shade-hard);
}

h2.widgettitle {
  font-size: 20px;
}

.page-numbers li {
  border: none;
  clip-path: polygon(0% 90%, 100% 90%, 50% 0%);
  background: #222;
  width: 50px;
  height: 50px;
  display: inline-flex !important;
  align-items: flex-end;
  justify-content: center;
  background: var(--t7-color-primary-shade-hard);
}
.page-numbers li:hover {
  background: var(--t7-color-primary);
}
.page-numbers li > * {
  color: #fff !important;
  background: none !important;
}
.page-numbers li > *:hover {
  background: none;
}
.page-numbers li.current {
  background: var(--t7-color-primary);
}
.page-numbers li:nth-of-type(even) {
  clip-path: polygon(0% 10%, 100% 10%, 50% 90%);
  align-items: flex-start;
}

.woocommerce-products-header {
  float: inline-start;
}

.woocommerce-js ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 0.5em;
}

#customer_login {
  max-width: 400px;
  margin: 20px auto;
  text-align: center;
}
#customer_login h3 {
  margin-top: 10px;
}
#customer_login > *:not(.active) {
  display: none;
}
#customer_login .password-input {
  width: 100%;
}

.woocommerce-shop .page-title {
  margin-bottom: 0;
}

#header-mini-cart {
  position: relative;
}
#header-mini-cart::after {
  position: absolute;
  top: -10px;
  inset-inline-start: -10px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 90px;
  background: #FFF;
  color: var(--t7-color-primary);
  border: 1px solid;
}
#header-mini-cart[data-count]:not([data-count=""])::after {
  content: attr(data-count);
}

@keyframes bw-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ajax_add_to_cart.loading {
  opacity: 0.6;
}
.ajax_add_to_cart.loading::after, .ajax_add_to_cart.loading::before {
  display: none;
}

.ast-plain-container.ast-no-sidebar #primary {
  margin-block: 0 !important;
}

#header-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  height: 100%;
}
#header-icons > * {
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
  font-size: 25px;
}

.elementor-widget-n-menu .e-n-menu-title.e-current,
.elementor-widget-n-menu .e-n-menu-title.e-current a {
  color: #DDD !important;
}

#search-panel {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9333333333);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px;
  z-index: 9999;
  overflow: auto;
}
#search-panel:not(.active) {
  display: none;
}
#search-panel header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#search-panel form {
  width: 100%;
}
#search-panel form > * {
  width: 100%;
}
@keyframes bw-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#search-panel #search-field.is-loading i::before {
  content: "\eb44";
  animation: bw-spin 1.25s linear infinite;
}
#search-panel #search-results {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
}
#search-panel #search-results a {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  text-align: center;
  color: var(--color-primary);
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px #AAA;
}
#search-panel #search-results a > section {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#search-panel #search-results a img {
  width: 250px;
  height: 200px;
  object-fit: cover;
}
#search-panel #search-results a span {
  margin-block: 10px;
}

.entry-title {
  text-align: center;
  padding: 20px;
}

#main {
  padding-top: 0;
}

@media (max-width: 921px) {
  .screen-only {
    display: none;
  }
}
@media (min-width: 922px) {
  .phone-only {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */
