HEX
Server: Apache/2.4.52 (Ubuntu)
System: Linux spn-python 5.15.0-89-generic #99-Ubuntu SMP Mon Oct 30 20:42:41 UTC 2023 x86_64
User: arjun (1000)
PHP: 8.1.2-1ubuntu2.20
Disabled: NONE
Upload Files
File: /var/www/html/insiders/wp-load/wp-content/themes/breadly/woocommerce-rtl.css
/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
 * 
 * # FIX BASE STYLE
 * 
 * -------------------------------------------------------------------------- */
.woocommerce span.onsale {
  aspect-ratio: 1;
  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;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  min-width: 2em;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li:not(:last-child) {
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
}

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
  top: revert;
}

.wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button {
  cursor: pointer;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  padding: 0.4em 0;
  border: none;
}

.is-mobile table.wc-block-cart-items .wc-block-cart-items__row td {
  margin-bottom: 0;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
  padding-bottom: 0;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  font-weight: bold;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
  margin-top: 1em;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
  font-size: 0.85em;
}

.product_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em;
}

.woocommerce a.remove {
  line-height: 0.9;
}

.return-to-shop a.wp-element-button br {
  display: none;
}

/* -----------------------------------------------------------------------------
 * 
 * # THEME
 * 
 * -------------------------------------------------------------------------- */
.wc-block-mini-cart__shopping-button a, .wc-block-components-button:not(.is-link),
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: var(--gtm--font-family--heading);
  font-weight: 700;
  font-size: var(--gtm--theme--font-size--lg);
  padding: 0.6em 1.5em;
  line-height: 1.8;
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  -webkit-transition-property: var(--gtm-global--transition-property);
  transition-property: var(--gtm-global--transition-property);
  will-change: var(--gtm-global--transition-property);
}

.wc-block-components-button:not(.is-link) {
  border-radius: 3px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: var(--wp--preset--color--area-bg-2);
  border-radius: var(--wp--custom--breadly--radius--normal);
}

.woocommerce span.onsale {
  font-size: 0.8em;
  padding: 0.8em;
  background-color: var(--wp--preset--color--primary);
}

.woocommerce ul.products li.product .button {
  color: #fff;
  background-color: var(--wp--preset--color--primary-text);
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: #fff;
  background-color: var(--wp--preset--color--tertiary);
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  color: #fff;
  background-color: var(--wp--preset--color--primary);
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  color: #fff;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: var(--wp--preset--color--tertiary);
}

.woocommerce div[data-block-name="woocommerce/legacy-template"]:last-child {
  -webkit-margin-after: var(--gtm--space--2xl);
          margin-block-end: var(--gtm--space--2xl);
}

/**
 *
 * Product grid
 *
 */
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--primary);
  font-size: var(--gtm--theme--font-size--md);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.44em;
  line-height: 1.25;
}

.woocommerce ul.products li.product a img {
  border-radius: var(--wp--custom--breadly--radius--normal);
}

/**
 *
 * Pagination
 *
 */
.woocommerce nav.woocommerce-pagination {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.woocommerce nav.woocommerce-pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gtm--space--4xs);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -1px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-size: var(--gtm--theme--font-size--lg);
  line-height: inherit;
  font-weight: inherit;
  padding: 0.75em 1em;
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  -webkit-transition-property: var(--gtm-global--transition-property);
  transition-property: var(--gtm-global--transition-property);
  will-change: var(--gtm-global--transition-property);
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  border-bottom: 5px solid var(--wp--preset--color--primary);
}

.woocommerce-products-header__title {
  font-size: var(--gtm--theme--font-size--6-xl);
  line-height: 1.1;
}

.woocommerce .woocommerce-breadcrumb {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--tertiary-text);
  -webkit-margin-before: 38px;
          margin-block-start: 38px;
  -webkit-margin-after: var(--gtm--space--md);
          margin-block-end: var(--gtm--space--md);
}
.woocommerce .woocommerce-breadcrumb a {
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  text-decoration: none;
  color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-ordering {
  margin: -1em 0 var(--gtm--space--2xl);
}
@media (max-width: 767.98px) {
  .woocommerce .woocommerce-ordering {
    margin-top: 1em;
    float: none;
  }
}

/**
 *
 * Single product
 *
 */
.woocommerce div.product h1.product_title {
  font-size: var(--gtm--theme--font-size--6-xl);
  line-height: 1.1;
  margin-bottom: 1rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--wp--preset--color--primary);
}

.product_meta {
  font-size: var(--gtm--theme--font-size--sm);
}

.woocommerce a.button,
.woocommerce button.single_add_to_cart_button,
.woocommerce button[name=add-to-cart],
.woocommerce button[type=submit]:not(.wp-block-search__button),
.woocommerce input[name=submit] {
  font-size: var(--gtm--theme--font-size--lg);
  padding: 0.6em 1.5em;
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.woocommerce div.product .quantity .qty {
  padding-top: 1.1em;
  padding-bottom: 1em;
  min-width: 3em;
}

.woocommerce table.variations tr {
  margin-bottom: var(--gtm--space--3xs);
}

.woocommerce div.product .related.products > h2, .woocommerce #reviews #comments h2, .woocommerce div.product .woocommerce-tabs .panel > h2 {
  font-size: 2.0736em;
  line-height: 1.1;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
  margin-top: 1em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
  float: none;
  width: auto;
}
.woocommerce div.product div.images.woocommerce-product-gallery img {
  border-radius: var(--wp--custom--breadly--radius--normal);
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  -webkit-transition-property: var(--gtm-global--transition-property);
  transition-property: var(--gtm-global--transition-property);
  will-change: var(--gtm-global--transition-property);
}

@media (min-width: 1200px) {
  .woocommerce div.product .woocommerce-tabs {
    float: left;
    width: 48%;
    clear: none;
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-top: var(--gtm--space--sm);
  margin-bottom: var(--gtm--space--xl);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: unset;
  background-color: transparent;
  padding-bottom: var(--gtm--space--3xs);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  content: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}

.woocommerce div.product .related.products:before {
  content: "";
  display: block;
  clear: both;
}

.woocommerce div.product .related.products > h2 {
  margin-bottom: var(--gtm--space--md);
}

.woocommerce .woocommerce-Reviews .comment-reply-title {
  font-family: var(--gtm--font-family--heading);
  line-height: 1.15;
  font-weight: 600;
  font-size: var(--gtm--theme--font-size--2-xl);
  color: var(--wp--preset--color--primary-text);
  letter-spacing: -0.02em;
  margin-bottom: var(--gtm--space--xs);
}

/**
 *
 * Checkout page
 *
 */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: var(--wp--preset--color--area-bg-2);
}

/**
 *
 * Account page
 *
 */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: var(--gtm--space--2xs);
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  padding: 0;
  margin: 0;
}

.woocommerce-account .woocommerce-EditAccountForm em {
  font-size: var(--gtm--theme--font-size--sm);
  color: var(--wp--preset--color--tertiary-text);
}

/**
 *
 * Mini cart
 *
 */
.wc-block-mini-cart__shopping-button a {
  border-radius: var(--wp--custom--breadly--radius--normal);
}