/* ------------------------------ Product List ------------------------------ */ body.archive #content .products {  row-gap:20px; column-gap:20px;}  ul.wc-block-product-template > li {  border-radius:var(--gms-radius); box-shadow:var(--gms-paper-box-shadow); margin:0!important; margin-bottom:0!important; padding:0.5em!important; display:flex; flex-direction:column; justify-content:space-between;}  body.archive .entry-title {  overflow:hidden; display:-webkit-box; -webkit-line-clamp:4;/* number of lines to show */  line-clamp:4; -webkit-box-orient:vertical;} body.archive #content .products > li .astra-shop-thumbnail-wrap {  padding:var(--gms-radius);} body.archive #content .products > li .astra-shop-thumbnail-wrap > * {  border-radius:var(--gms-inner-radius); overflow:hidden;} /* ------------------------------- Fix Toolbar ------------------------------ */ body.archive .ast-shop-toolbar-container * {  outline:none!important;} body.archive .ast-shop-toolbar-container select:-moz-focusring {  color:transparent; text-shadow:0 0 0 #000;} /* -------------------------------------------------------------------------- */ body.archive #primary .ast-archive-description {  border-radius:var(--gms-radius);} body.archive #secondary .sidebar-main .widget {  background-color:transparent; background:transparent;} body.archive #primary {  min-height:100vh;} /* -------------------------- Fix Prev Next Buttons ------------------------- */ body.archive .page-numbers > li {  border-radius:var(--gms-radius);} body.rtl.archive .page-numbers .prev, body.rtl.archive .page-numbers .next {  transform:none!important;}  /* ------------------------ ReadMore is Always bottom ----------------------- */ body.archive .post-content {  flex:1; height:100%; display:flex; flex-direction:column; justify-content:space-between;} /* -------------- remove products on shop page on small screens ------------- */ @media (max-width:767px) {  #page:has(.ast-woocommerce-container) .ast-single-entry-banner .ast-terms-link {  display:none; }  .product .product_meta > .tagged_as,  .product .product_meta > .posted_in {  display:none!important; } }  .ast-single-entry-banner:has(.gms-badge) .ast-terms-link { display:none!important;} .az-colored-bar-area { background:var(--az-page-color);margin-top:2em!important;margin-bottom:2em!important;padding:2em!important;} .az-colored-bar-area figure { position:absolute;bottom:10px;margin-inline-end:1em!important;margin-inline-start:2em!important;} .az-colored-bar-area .uagb-heading-text { padding-block-end:1em!important;} /* ------------------------ fix block ui position bug ----------------------- */ #main .blockUI.blockOverlay::before, #order_review .blockUI.blockOverlay::before, #payment .blockUI.blockOverlay::before { inset:0!important;} .insert-page p:empty { display:none;} #content > .ast-container:has(article.ast-article-single:not(.page)) article { background-color:transparent!important;padding-top:0em!important;/* padding:2.34em 3.67em;*/ } #content > .ast-container:has(article.ast-article-single:not(.page)) #comments { margin-left:calc(-1 * var(--ast-container-default-xlg-padding));margin-right:calc(-1 * var(--ast-container-default-xlg-padding));} /* ------------------------- Paper Borders For Posts ------------------------ */ #content > .ast-container:has(article.ast-article-single:not(.page)) .entry-content > .uagb-is-root-container { border-radius:var(--gms-radius);box-shadow:var(--gms-paper-box-shadow);background-color:var(--ast-global-color-5);padding-inline:2em!important;padding-block:2em!important;} /* ------------------------ Paper Color For Products ------------------------ */ #primary .ast-woocommerce-container > .ast-article-single > *:not(.woocommerce-product-gallery):not(:has(.wp-block-uagb-inline-notice)) { background-color:white;border-radius:var(--gms-radius);box-shadow:var(--gms-paper-box-shadow);margin-bottom:1.5em!important;margin-top:0em!important;padding-inline-start:1em;padding-inline-end:1em;padding-block-start:1em;padding-block-end:1em;} /* ----------------------------- Archive Papers ----------------------------- */ body.archive #content .products > li, body.archive #main .ast-row > article > div { border-radius:var(--gms-radius);box-shadow:var(--gms-paper-box-shadow);margin:0!important;margin-bottom:0!important;} #page { /* This breaks sticky pos */ /* overflow-x:hidden;*/ } #main { min-height:50vh;} /* ----------------------- Top Paddings for All Pages ----------------------- */ body.wp-singular #primary, body.wp-singular #secondary, body.archive #primary, body.archive #secondary { margin-top:0!important;padding-top:0!important;} /* -------------------------- SidebarMain Position -------------------------- */ body:has(.ast-shop-toolbar-container) { --gms-archive-toolbar-height:100px;} body.archive:has(.ast-archive-entry-banner) .ast-shop-toolbar-container { height:var(--gms-archive-toolbar-height);margin:0!important;margin-bottom:0!important;} body.archive:has(.ast-archive-entry-banner) .sidebar-main { top:calc(var(--gms-archive-toolbar-height) + 10px)!important;} body.wp-singular .sidebar-main { top:0!important;} body.wp-singular .sidebar-main:has(.paper-binder) { top:10px!important;} @media (max-width:767px) { body.archive:has(.ast-archive-entry-banner) .sidebar-main {  top:10px!important;} body.wp-singular .sidebar-main {  top:0!important;} body.wp-singular .sidebar-main:has(.paper-binder) {  top:0!important;} } .ast-single-entry-banner { background-color:transparent!important;} .sidebar-main > .widget:has(.azlp-autoblog-full-sidebar) { background-color:transparent!important;} /* --------------------- Colored Boxes For Product Area --------------------- */ #primary .ast-woocommerce-container, #primary .ast-woocommerce-container > .ast-article-single { background-color:transparent!important;padding:0!important;} /* Boxes */ /* ----------- we must expand the summary to go under the gallery ----------- */ #content #primary .ast-woocommerce-container > .ast-article-single > div.summary.entry-summary { width:100%!important;padding-inline-start:46%!important;min-height:500px;} /* ------ On Mobile the image is centered and the summary is below it. ------ */ @media (max-width:767px) { #content  #primary  .ast-woocommerce-container  > .ast-article-single  > .woocommerce-product-gallery {  left:0; right:0; margin:auto;} #content  #primary  .ast-woocommerce-container  > .ast-article-single  > div.summary.entry-summary {  padding-top:300px; padding-inline-start:1em!important;} #content  #primary  .ast-woocommerce-container  > .ast-article-single.ast-product-gallery-with-no-image  > div.summary.entry-summary {  padding-top:200px;} } #primary .ast-woocommerce-container .woocommerce-product-gallery { position:absolute!important;width:45%!important;border-radius:0.5em;overflow:hidden;} .stars-avg-rating {  gap:10px; display:flex; align-items:center; justify-content:center;} #stars-rating-review {  display:flex; justify-content:center; padding-block:10px;} #stars-rating-review a {  font-size:30px;}  .aztheme-rtl {  direction:rtl; text-align:start;} .aztheme-body-rtl .sidebar-main {  direction:rtl; text-align:start;}  body.rtl .uagb-icon-list__source-wrap {  margin-right:7.5px!important; margin-left:7.5px!important;} body.archive .ast-archive-description, body.archive .ast-archive-description > * {  text-align:start!important;}  .sidebar-main:has(.az-sidebar-nostick) {  --nostick:true; position:relative!important; top:unset!important; max-height:unset!important;} #secondary aside:has(.az-sidebar-nostick) {  --nostick:true; position:relative!important; top:unset!important; max-height:unset!important;}  .button.wc-forward, button.submit, button[name='woocommerce_checkout_place_order'], input.submit, .tabs.wc-tabs > li.active, #primary .ast-woocommerce-container .related.products > h2, .wp-element-button, .wp-block-button__link { border-radius:var(--gms-inner-radius)!important;background:var(--gms-primary)!important;color:var(--gms-primary-text)!important;box-shadow:var(--gms-primary-box-shadow)!important;} .button.wc-forward:hover, button.submit:hover, button[name='woocommerce_checkout_place_order']:hover, input.submit:hover, .tabs.wc-tabs > li.active:hover, #primary .ast-woocommerce-container .related.products > h2:hover, .wp-element-button:hover, .wp-block-button__link:hover { background:var(--gms-primary-hover)!important;} /* --------------------------- item added to cart --------------------------- */ body.single-product .woocommerce-message { margin-bottom:0em!important;display:flex;flex-direction:row;} body.single-product .woocommerce-message > a { min-width:max-content;margin-inline-start:2em;} .woocommerce-cart-form input { border-radius:var(--gms-inner-radius)!important;font-weight:bolder!important;min-height:50px!important;} /* -------------------------------- Checkout -------------------------------- */ #order_review .cart_item .product-name { display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;} #order_review .cart_item .ast-product-image { display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px;} .checkout.woocommerce-checkout { display:flex;padding-top:4em;} .checkout.woocommerce-checkout > h3 { display:none;} #order_review.woocommerce-checkout-review-order, #ast-cart-wrapper .cart_totals.calculated_shipping { background-color:#f7f7f7;height:max-content;position:relative;box-shadow:var(--gms-paper-box-shadow);border-radius:var(--gms-radius);overflow:hidden;} /* ----------------------------- Checkout Steps ----------------------------- */ #ast-checkout-wrap { padding-top:2em!important;padding-inline:20%!important;margin:0!important;} /* --------------------------------- Payment -------------------------------- */ #payment .payment_box { margin-inline:-15px!important;} #payment ul.wc_payment_method { border:none!important;} #payment .wc_payment_method { border-radius:var(--gms-inner-radius)!important;border:1px solid var(--ast-border-color)!important;} #payment .wc_payment_method:has(input[type='radio']:checked), #payment .wc_payment_method:has(input[type='radio']:checked) label { background-color:var(--gms-primary)!important;border:1px solid var(--gms-primary)!important;color:var(--gms-primary-text)!important;} /* ------------------------------- Order List ------------------------------- */ .woocommerce-MyAccount-content .ast-orders-table__cell.ast-orders-table__cell-order-actions { display:flex;justify-content:flex-end;} .woocommerce-order-details .woocommerce-table tfoot > td:has(.woocommerce-button) { display:flex;gap:0.5em;} .woocommerce-Addresses .woocommerce-column__title, .woocommerce-customer-details .woocommerce-column__title { font-size:1em;} /* ----------------------------- Order Recieved ----------------------------- */ .woocommerce-order-details .woocommerce-table .woocommerce-table__product-name.product-name { display:flex;} #main .product { --gms-tab-font-size:1.1em;--gms-tab-height:50px;} @media (max-width:767px) { #main .product {  --gms-tab-font-size:1em; --gms-tab-height:45px;} } #main .product .woocommerce-tabs.wc-tabs-wrapper { padding:var(--gms-radius);padding-bottom:1em;border-radius:var(--gms-radius);border-bottom:1px solid var(--gebra_papercolor);/* background-color:var(--gebra_papercolor);*/ } #main .product .tabs.wc-tabs { margin-inline:-1em;margin-top:-1em;padding:var(--gms-radius);padding-inline:1em; background-color:white!important;border-bottom:1px solid var(--ast-border-color);overflow:visible; z-index:60;display:flex!important;flex-direction:row!important;top:10px;position:sticky;} body.admin-bar #main .product .tabs.wc-tabs { top:32px;} @media (max-width:767px) { body.admin-bar #main .product .tabs.wc-tabs {  top:0px;} } #main .product .tabs.wc-tabs::before { content:''!important;display:none!important;} #main .product .tabs.wc-tabs > li { height:var(--gms-tab-height);display:flex!important;align-items:center!important;justify-content:center!important;padding-inline:0.5em;padding-block:0.8em;font-size:var(--gms-tab-font-size);font-weight:bolder;border-radius:var(--gms-inner-radius);border:none!important;} #main .product .tabs.wc-tabs > li.active:before, #main .product .tabs.wc-tabs > li:before { content:'';display:none;} #main .product .tabs.wc-tabs > li > a { color:inherit;padding:0!important;margin:0!important;outline:0;border:none;-moz-outline-style:none;} /* ---------------------------------- Attr ---------------------------------- */ #main .product .woocommerce-product-attributes { font-size:15px;margin:0!important;padding:0!important;} /* ---------------------------------- Price --------------------------------- */ #main .product .summary .price { padding-top:0.5em;} #main .product .summary .price del { font-size:0.9em;} body.rtl #main .woocs_price_code { display:flex;flex-direction:column;justify-content:start;font-size:1.2em;gap:var(--gms-radius);} #main .product .summary .price, body.rtl #main .product .woocommerce-Price-amount, body.rtl #main .product .woocommerce-Price-amount > bdi { display:flex;flex-direction:row;justify-content:flex-start;gap:0.3em;} #main .product form.cart { height:50px;display:flex;flex-direction:row;gap:1em;justify-content:start;margin-top:1em;margin-bottom:1em;} #main .product form.cart > *, #main .product form.cart input { font-weight:bolder;margin:0;text-align:center;height:100%;border-radius:var(--gms-radius);} #main .product form.cart > button { padding:1em;border-radius:var(--gms-radius);color:white;background:var(--gms-primary);box-shadow:var(--gms-primary-box-shadow);} /* -------------------------------- Discount -------------------------------- */ .ast-on-card-button.ast-onsale-card { color:white;background-color:var(--ast-global-color-7);padding:0.8em;} /* ---------------------------- Related Products ---------------------------- */ #primary .ast-woocommerce-container .related.products > h2 { height:50px;width:max-content;font-size:1.1em;font-weight:bolder;padding-inline:0.5em;padding-block:0.8em;} #primary .ast-woocommerce-container .related.products ul.products { margin:0!important;} /* ----------------------- Email When Stock Available ----------------------- */ #main .product .summary:has(.cwginstock-subscribe-form) p.stock.out-of-stock { display:none;} #main .product .summary .cwginstock-subscribe-form .panel-heading, #main .product .summary .cwginstock-subscribe-form .panel-heading h4 { background-color:var(--ast-global-color-7);border-color:var(--ast-global-color-7);font-size:medium;} #main .product .summary .cwginstock-subscribe-form .panel { border-color:var(--ast-global-color-7);margin-top:1em;} #main .product .summary .cwginstock-subscribe-form input.cwgstock_button { border-radius:var(--gms-radius);color:white;background:var(--gms-primary);box-shadow:var(--gms-primary-box-shadow);} #main .product .summary .cwginstock-subscribe-form .cwginstocksuccess { color:var(--gms-primary);} /* ------------------------------ stock status ------------------------------ */ .stock.available-on-backorder { color:var(--gms-primary)!important;font-weight:bolder;} .ast-stock-detail .stock.in-stock { color:var(--gms-primary)!important;font-weight:bolder;} .ast-stock-detail:has(.stock.in-stock) .ast-stock-avail { display:none;} /* -------------------------------- Comments -------------------------------- */ #comments { padding:0;margin:0;} #comments #respond { padding:0;margin:0;} #comments #submit { padding:1em!important;border-radius:var(--gms-inner-radius)!important;background:var(--gms-primary)!important;color:var(--gms-primary-text)!important;box-shadow:var(--gms-primary-box-shadow)!important;} #comments #comment { border-radius:var(--gms-inner-radius)!important;} #comments .comments-title { font-size:1.34rem!important;margin-top:1em!important;padding-top:1em!important;border-top:1px solid var(--ast-border-color)!important;} .simplefavorite-button.active::before { content:'★';filter:none;} .simplefavorite-button::before { content:'✰';font-size:25px; /* filter:grayscale(1);*/ } .simplefavorite-button { opacity:1!important;display:flex;} /* --------------------- Make Paddings Smaller on Mobile -------------------- */ @media (max-width:767px) {  #content > .ast-container:has(article.ast-article-single:not(.page)) {  padding-left:0.54em!important; padding-right:0.54em!important; }  #main > .ast-woocommerce-container {  padding-inline:0!important; } }