File Manager

Editing:global-rtl.css

/*====================================
=            Base Product            =
====================================*/
.category-description,
.term-description,
.page-description {
  margin-bottom: 12px;
}
.products-title {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 0.5em;
}
.price ins,
.cart ins {
  padding-left: 3px;
  text-decoration: none;
}
.price ins .amount,
.cart ins .amount,
.product-price ins .amount {
  color: var(--et_active-color);
}
.star-rating {
  font-size: 0;
  width: 81px;
  display: inline-block;
  margin: 0 auto 15px;
  position: relative;
  line-height: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
  white-space: nowrap;
}
.star-rating:before,
.star-rating span:before {
  font-size: 1rem;
  font-family: 'xstore-icons';
  color: var(--et_border-color);
  -webkit-text-fill-color: currentColor;
  display: block;
  letter-spacing: 3px;
  content: '\e930d \e930d \e930d \e930d \e930d';
}
.star-rating span {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}
.star-rating span:before {
  color: var(--et_yellow-color);
  -webkit-text-fill-color: currentColor;
}
/*============================================
=            WooCommerce quantity            =
============================================*/
div.quantity,
td.quantity {
  position: relative;
  height: var(--et_quantity-height, 38px);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.quantity::-moz-selection, td.quantity::-moz-selection, div.quantity span::-moz-selection, td.quantity span::-moz-selection, div.quantity input[type="number"]::-moz-selection, td.quantity input[type="number"]::-moz-selection {
  background-color: transparent;
}
div.quantity::selection,
td.quantity::selection,
div.quantity span::selection,
td.quantity span::selection,
div.quantity input[type="number"]::selection,
td.quantity input[type="number"]::selection {
  background-color: transparent;
}
div.quantity::-webkit-selection,
td.quantity::-webkit-selection,
div.quantity span::-webkit-selection,
td.quantity span::-webkit-selection,
div.quantity input[type="number"]::-webkit-selection,
td.quantity input[type="number"]::-webkit-selection {
  background-color: transparent;
}
div.quantity > span,
td.quantity > span,
div.quantity > input[type="number"],
td.quantity > input[type="number"],
div.quantity > input[type="text"][readonly],
td.quantity > input[type="text"][readonly] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
}
div.quantity > span:focus,
td.quantity > span:focus,
div.quantity > input[type="number"]:focus,
td.quantity > input[type="number"]:focus,
div.quantity > input[type="text"][readonly]:focus,
td.quantity > input[type="text"][readonly]:focus {
  border-color: var(--et_inputs-border-color, var(--et_border-color));
}
div.quantity > span,
td.quantity > span {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-right: 4px;
  padding-left: 4px;
  color: var(--et_dark-2-white);
  border: 1px solid var(--et_inputs-border-color, var(--et_border-color));
  background-color: var(--et_inputs-bg-color, var(--et_white-2-light-dark));
  cursor: pointer;
  -webkit-font-smoothing: none;
}
div.quantity > span:focus,
td.quantity > span:focus {
  outline: none;
}
div.quantity > span:hover,
td.quantity > span:hover {
  color: var(--et_main-color);
}
div.quantity > input[type="number"],
td.quantity > input[type="number"],
div.quantity > input[type="text"][readonly],
td.quantity > input[type="text"][readonly] {
  padding: 0;
  min-width: var(--et_quantity-height, 38px);
  max-width: 45px;
  border-right: none;
  border-left: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
div.quantity > input[type="number"]::-moz-selection, td.quantity > input[type="number"]::-moz-selection, div.quantity > input[type="text"][readonly]::-moz-selection, td.quantity > input[type="text"][readonly]::-moz-selection {
  color: var(--et_main-color);
}
div.quantity > input[type="number"]::selection,
td.quantity > input[type="number"]::selection,
div.quantity > input[type="text"][readonly]::selection,
td.quantity > input[type="text"][readonly]::selection {
  color: var(--et_main-color);
}
div.quantity > .minus,
td.quantity > .minus,
div.quantity > .plus,
td.quantity > .plus {
  font-size: var(--et_quantity-size, 0.55em);
}
div.quantity > input[type="number"]::-webkit-inner-spin-button,
td.quantity > input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
div.quantity,
div.quantity ~ .single_add_to_cart_button,
div.quantity ~ .xstore-wishlist {
  margin-bottom: 10px;
}
div.quantity ~ .et-or-wrapper {
  margin-top: 5px;
}
.single_add_to_cart_button ~ .xstore-wishlist-icon {
  -webkit-margin-start: 7px;
          margin-inline-start: 7px;
}
#yith-wcwl-popup-message {
  display: none !important;
}
.wishlist-fragment .yith-wcwl-add-button,
.wishlist-fragment .yith-wcwl-wishlistaddedbrowse,
.wishlist-fragment .yith-wcwl-wishlistexistsbrowse {
  width: 100%;
  height: 100%;
}
.onsale {
  position: absolute;
  top: 20px;
  z-index: 3;
  padding: 3px 8px;
  background: var(--et_on-sale-bg-color, var(--et_red-color));
  font-size: 0.85rem;
  text-align: center;
  color: var(--et_on-sale-color, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  border-radius: var(--et_on-sale-radius, 0%);
}
.onsale.new-label {
  color: var(--et_new-label-color, #fff);
  background: var(--et_new-label-bg-color, var(--et_green-color));
}
.onsale.hot-label {
  color: var(--et_hot-label-color, #fff);
  background: var(--et_hot-label-bg-color, var(--et_orange-color));
}
.sale-wrapper ~ .sale-wrapper .onsale {
  -webkit-transform: translateY(calc(100% + 5px));
          transform: translateY(calc(100% + 5px));
}
.sale-wrapper ~ .sale-wrapper ~ .sale-wrapper .onsale {
  -webkit-transform: translateY(calc(200% + 10px));
          transform: translateY(calc(200% + 10px));
}
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a:before {
  content: "\e908";
}
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a.delete_item:before {
  content: "\e92d";
}
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-wishlistexistsbrowse a::before,
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-wishlistaddedbrowse a::before {
  content: "\e92d";
}
.compare,
.yith-wcwl-add-to-wishlist a {
  position: relative;
  text-transform: none;
}
.compare:before,
.yith-wcwl-add-to-wishlist a:before {
  display: inline-block;
  font-family: 'xstore-icons';
  background-color: transparent !important;
}
.xstore-wishlist.mtips,
.xstore-compare.mtips {
  z-index: 2;
}
.xstore-wishlist[data-action="remove"] .et-icon,
.xstore-compare[data-action="remove"] .et-icon {
  color: var(--et_active-color);
}
.xstore-wishlist .et-icon svg,
.xstore-compare .et-icon svg {
  width: 1em;
  height: 1em;
}
.xstore-wishlist .et-icon img,
.xstore-compare .et-icon img {
  max-width: 1em;
}
.xstore-wishlist-animated-heart,
.xstore-compare-animated-heart {
  width: 0.55em !important;
  height: 0.55em !important;
  position: absolute;
  left: calc(50% - 0.35em);
  opacity: 0;
  --hover-color-dark: var(--et_active-color);
  stroke: var(--et_active-color);
  fill: var(--et_active-color);
  -webkit-animation: xstore-wishlist-animation-heart1 0.7s linear;
          animation: xstore-wishlist-animation-heart1 0.7s linear;
}
.xstore-wishlist-animated-heart:nth-child(2),
.xstore-compare-animated-heart:nth-child(2) {
  -webkit-animation-name: xstore-wishlist-animation-heart2;
          animation-name: xstore-wishlist-animation-heart2;
}
.xstore-wishlist-animated-heart:nth-child(3),
.xstore-compare-animated-heart:nth-child(3) {
  -webkit-animation-name: xstore-wishlist-animation-heart3;
          animation-name: xstore-wishlist-animation-heart3;
}
.xstore-wishlist-animated-heart:nth-child(4),
.xstore-compare-animated-heart:nth-child(4) {
  -webkit-animation-name: xstore-wishlist-animation-heart4;
          animation-name: xstore-wishlist-animation-heart4;
}
.xstore-wishlist-animated-hearts,
.xstore-compare-animated-hearts {
  width: 1em;
  height: 1em;
  position: absolute;
}
.xstore-wishlist-animated-hearts:before,
.xstore-compare-animated-hearts:before,
.xstore-wishlist-animated-hearts:after,
.xstore-compare-animated-hearts:after {
  display: none !important;
}
.xstore-wishlist .blockOverlay,
.xstore-compare .blockOverlay {
  border-radius: inherit;
}
@-webkit-keyframes xstore-wishlist-animation-heart1 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-40%, -400%);
            transform: translate(-40%, -400%);
  }
}
@keyframes xstore-wishlist-animation-heart1 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-40%, -400%);
            transform: translate(-40%, -400%);
  }
}
@-webkit-keyframes xstore-wishlist-animation-heart2 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-160%, -350%) rotate(-45deg);
            transform: translate(-160%, -350%) rotate(-45deg);
  }
}
@keyframes xstore-wishlist-animation-heart2 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-160%, -350%) rotate(-45deg);
            transform: translate(-160%, -350%) rotate(-45deg);
  }
}
@-webkit-keyframes xstore-wishlist-animation-heart3 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(150%, -330%) rotate(30deg);
            transform: translate(150%, -330%) rotate(30deg);
  }
}
@keyframes xstore-wishlist-animation-heart3 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(150%, -330%) rotate(30deg);
            transform: translate(150%, -330%) rotate(30deg);
  }
}
@-webkit-keyframes xstore-wishlist-animation-heart4 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(50%, -300%) rotate(20deg);
            transform: translate(50%, -300%) rotate(20deg);
  }
}
@keyframes xstore-wishlist-animation-heart4 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(50%, -300%) rotate(20deg);
            transform: translate(50%, -300%) rotate(20deg);
  }
}
.et_product-block .single-compare .xstore-compare,
.et_product-block .single-wishlist .xstore-wishlist {
  margin-bottom: 0;
}
.added_to_cart {
  display: none;
}
.add_to_cart_button.loading,
.single_add_to_cart_button.loading {
  position: relative;
}
.et_quantity-off div.quantity > span.minus,
.et_quantity-off div.quantity > span.plus {
  display: none;
}
.et_quantity-off div.quantity > input:focus {
  outline: none;
}
.et_quantity-off div.quantity > input[type=number] {
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .et_quantity-off .quantity .plus,
  .et_quantity-off .quantity .minus {
    height: 1.45em;
  }
}
.shop_attributes {
  margin: 0 auto;
}
.shop_attributes th {
  font-size: 1.14rem;
  color: var(--et_main-color);
}
.shop_attributes th,
.shop_attributes td {
  padding-top: var(--items-v-gap, 1em);
  padding-bottom: var(--items-v-gap, 1em);
  vertical-align: middle;
}
.shop_attributes tr:not(:last-child) {
  border-bottom: var(--separator-width, 1px) var(--separator-style, solid) var(--separator-color, var(--et_border-color));
}
.shop_attributes tr tr:first-child th,
.shop_attributes tr tr:first-child td {
  padding-top: 0;
}
.shop_attributes tr tr:last-child th,
.shop_attributes tr tr:last-child td {
  padding-bottom: var(--items-v-gap, 10px);
}
.shop_attributes p {
  font-size: 1.07rem;
  margin-bottom: 0;
}
.shop_attributes p:last-child {
  margin-bottom: 0;
}
.tab-content .shop_attributes {
  width: 100%;
}
.etheme-product-attributes-layout-vertical .shop_attributes {
  width: 100%;
}
.etheme-product-attributes-layout-vertical .shop_attributes tr,
.etheme-product-attributes-layout-vertical .shop_attributes th,
.etheme-product-attributes-layout-vertical .shop_attributes td {
  display: block;
  text-align: start;
  padding-left: 0;
  padding-right: 0;
}
.etheme-product-attributes-layout-vertical .shop_attributes th {
  padding-bottom: 0;
}
.etheme-product-attributes-layout-vertical .shop_attributes td {
  padding-top: 1em;
}
.etheme-product-attributes-layout-vertical .shop_attributes tr:first-child th {
  padding-top: 0;
}
.et-quick-view-wrapper .shop_attributes,
.product-information .shop_attributes {
  margin-bottom: 15px;
}
.et-quick-view-wrapper .shop_attributes tbody tr th,
.product-information .shop_attributes tbody tr th {
  --et_border-color: transparent;
}
.et-quick-view-wrapper .shop_attributes td,
.product-information .shop_attributes td,
.et-quick-view-wrapper .shop_attributes th,
.product-information .shop_attributes th {
  text-align: end;
  padding-left: 0;
  padding-right: 0;
}
.et-quick-view-wrapper .shop_attributes th,
.product-information .shop_attributes th {
  text-align: start;
  display: block;
  color: var(--et_dark-2-white);
  text-transform: capitalize;
}
.et-availability-notify-popup .et-popup-content {
  max-width: 400px;
}
@media only screen and (max-width: 480px) {
  .et-availability-notify-popup .et-popup-content {
    min-width: 80vw;
  }
}
.et-availability-notify-popup .et-popup-content label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85em;
  margin-bottom: 15px;
}
.et-availability-notify-popup .et-popup-content input[type=email] {
  margin-bottom: 10px;
}
.et-availability-notify-popup .et-popup-content input[type=email].invalid {
  color: var(--et_red-color);
  border-color: var(--et_red-color);
}
.et-availability-notify-popup .et-popup-content input[type=email].invalid::-webkit-input-placeholder {
  color: currentColor;
}
.et-availability-notify-popup .et-popup-content input[type=checkbox] {
  margin-top: 0;
}
.et-availability-notify-popup .et-popup-content .content-page .woocommerce-error {
  font-size: 1rem !important;
}
/*-----  End of Base Product  ------*/
.price ins,
.cart ins {
  padding-left: 0;
  padding-right: 3px;
}
.star-rating span {
  left: auto;
  right: 0;
}
div.quantity,
td.quantity {
  margin-left: 20px;
  float: right;
}
.onsale.left {
  right: 20px;
}
.onsale.right {
  left: 20px;
}
.compare:before,
.yith-wcwl-add-to-wishlist a:before {
  margin-left: 7px;
}
.et_quantity-off div.quantity {
  margin-left: 20px;
}
.et_cart-type-1 .footer-product .button:before,
.et_cart-type-1 .single_add_to_cart_button:before,
.et_cart-type-1 .quantity-wrapper .button:before,
.et_cart-type-1 .product-view-overlay .quick-buttons .button:before {
  content: "\e93e";
  font-family: 'xstore-icons';
}
.et_cart-type-5 .footer-product .button:before,
.et_cart-type-5 .single_add_to_cart_button:before,
.et_cart-type-5 .quantity-wrapper .button:before,
.et_cart-type-5 .product-view-overlay .quick-buttons .button:before {
  content: "\e93d";
  font-family: 'xstore-icons';
}
.et_cart-type-2 .footer-product .button:before,
.et_cart-type-2 .single_add_to_cart_button:before,
.et_cart-type-2 .quantity-wrapper .button:before,
.et_cart-type-2 .product-view-overlay .quick-buttons .button:before {
  content: "\e90c";
  font-family: 'xstore-icons';
}
.et_cart-type-3 .footer-product .button:before,
.et_cart-type-3 .single_add_to_cart_button:before,
.et_cart-type-3 .quantity-wrapper .button:before,
.et_cart-type-3 .product-view-overlay .quick-buttons .button:before {
  content: "\e90d";
  font-family: 'xstore-icons';
}
.et_cart-type-4 .footer-product .button:before,
.et_cart-type-4 .single_add_to_cart_button:before,
.et_cart-type-4 .quantity-wrapper .button:before,
.et_cart-type-4 .product-view-overlay .quick-buttons .button:before {
  content: "\e916";
  font-family: 'xstore-icons';
}
/*=====  End of cart icon  ======*/
.quantity-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: var(--et_quantity-max-width, 130px);
  height: var(--et_quantity-height, 38px);
}
.quantity-wrapper input.input-text {
  width: var(--et_quantity-height, 38px);
  text-align: center;
  height: 100%;
  border-radius: 0;
  padding: 0;
}
.quantity .quantity-wrapper input.input-text {
  background-color: transparent;
}
.quantity-wrapper input:focus {
  border-color: var(--et_border-color);
}
.quantity-wrapper span {
  font-size: var(--et_quantity-size, 1em);
  color: var(--et_main-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
}
.quantity-wrapper span:hover {
  color: var(--et_dark-2-white);
}
.quantity-wrapper span del {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.quantity-wrapper span del span {
  display: initial;
  cursor: default;
}
.quantity-wrapper:not(.type-none) input,
.quantity-wrapper:not(.type-none) input::-webkit-outer-spin-button,
.quantity-wrapper:not(.type-none) input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.quantity .quantity-wrapper.type-simple input {
  border: none;
}
.quantity-wrapper.type-circle span,
.quantity-wrapper.type-square span {
  padding-right: 4px;
  padding-left: 4px;
  border: 1px solid var(--et_border-color);
}
.quantity-wrapper.type-square span {
  font-size: var(--et_quantity-size, 0.55em);
}
.quantity-wrapper.type-circle,
.quantity-wrapper.type-circle input {
  height: auto;
  padding: 0;
}
.quantity .quantity-wrapper.type-circle input {
  border: none;
}
.quantity-wrapper.type-circle span {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 50%;
}
.quantity-wrapper.type-circle span:hover {
  border-color: var(--et_dark-2-white);
}
.quantity .quantity-wrapper.type-square input {
  border-left: none;
  border-right: none;
}
.quantity-wrapper.size-sm,
.quantity:has(.quantity-wrapper.size-sm) {
  font-size: 0.75em;
  --et_quantity-max-width: 110px;
  --et_quantity-height: 28px;
  --et_quantity-size: 1em;
}
.quantity-wrapper.size-sm svg,
.quantity:has(.quantity-wrapper.size-sm) svg {
  width: 1em;
  height: 1em;
}
.quantity-wrapper.size-sm.type-circle svg,
.quantity:has(.quantity-wrapper.size-sm.type-circle) svg {
  width: 0.7em;
  height: 0.7em;
}

Cancel

🤩 File Manager - Mr.X

Editing:global-rtl.css