/*
Theme Name: QuantumFashion
Theme URI: https://themegrove.com/products/quantumshop/
Author: Themegrove
Author URI: https://themegrove.com/
Description:  QuantumFashion – the premier choice for fashion enthusiasts worldwide. This WordPress theme seamlessly integrates all the exceptional features inherited from its parent, StellarStyle. It serves as the ultimate platform for crafting a captivating website that flawlessly reflects your sense of style. With QuantumFashion, you have complete control over every aspect, from product presentation to overall site aesthetics. Its user-friendly interface and visually captivating design ensure a seamless and chic WordPress experience. Embrace QuantumFashion, where your fashion narrative unfolds elegantly in the online realm. Demo: https://demos.themegrove.com/quantumfashion/ Support: https://themegrove.com/contact/
Requires at least: 6.0
Template: quantumshop
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: quantumfashion
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}


body {
  margin: 0;
}


main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}


pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}


img {
  border-style: none;
}


button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}


button,
input {
  overflow: visible;
}


button,
select {
  text-transform: none;
}


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}


textarea {
  overflow: auto;
}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}


details {
  display: block;
}


summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}

footer.wp-block-template-part {
  margin: 0;
}

.orderby {
  padding: 15px;
}

div#sticky-header {
  z-index: 91 !important;
}

/* -------------- pagination start----------------*/

.page-numbers {
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 6px 13px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
}

.page-numbers:hover {
  color: var(--wp--preset--color--white);
}

.page-numbers.dots {
  background-color: transparent;
}

.wp-block-query-pagination {
  gap: 10px;
}

/* -------------- pagination End----------------*/

/* -------------- woocommerce-breadcrumb ----------------*/

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  color: var(--wp--preset--color--link-color);
}

/* -------------- woocommerce-breadcrumb end----------------*/

/* -------------- header navigation ----------------*/
.wp-block-navigation-item__content {
  padding-bottom: 3px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.wp-block-navigation-item__content::before {
  margin-top: 0px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 2px;
  background: var(--wp--preset--color--contrast-2);
  transition: right 0.3s;
  text-decoration: none;
}


.wp-block-navigation-item__content:hover::before {
  right: 0;
}

.wp-block-navigation-submenu li a:hover::before {
  right: 50%;
}

/* -------------- header navigation  ----------------*/


/* scrool to top */
.quantumfashion-scrool-top::before {
  padding: 10px 13px;
  font-size: 17px;
  padding: 8px 13px;
  cursor: pointer;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--link-color);
  content: '\f062';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: fixed;
  bottom: 50px;
  right: 30px;
}

@media screen and (max-width: 600px) {
  .quantumfashion-scrool-top::before {
    font-size: 26px;
    padding: 8px 13px;
    cursor: pointer;
    background: transparent;
    color: var(--wp--preset--color--primary);
    content: '\f062';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: fixed;
    bottom: 8px;
    right: 15px;
  }
}


/* scrool to top */

/* fontawesome before categories, tag and date start */

.wp-block-archives-list.wp-block-archives li::before,
.wp-block-categories-list.wp-block-categories li::before,
.taxonomy-category a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f105';
  margin-right: 8px;
}

.wp-block-archives-list.wp-block-archives li,
.wp-block-categories-list.wp-block-categories li {
  list-style-type: none;
}

.wp-block-archives-list.wp-block-archives,
.wp-block-categories-list.wp-block-categories,
.taxonomy-category a {
  padding-left: 10px;
}

.wp-block-tag-cloud a.tag-cloud-link {
  font-size: 16px !important;
}

.tag-cloud-link::before,
.taxonomy-post_tag a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f02b';
  margin-right: 8px;
}

.tag-cloud-link,
.taxonomy-post_tag a {
  text-decoration: none;
  background: var(--wp--preset--color--cat-color) !important;
  margin: 0 5px 5px 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}


p.quantumfashion-scrool-top {
  position: absolute;
  z-index: 99;
}

.column-has-radius {
  border-radius: 8px;
}

.has-bg-image {
  background: #fff;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .has-arrow ul {
  padding: 0;
}

footer .has-arrow ul li:before {
  content: "\f345";
  font-family: 'dashicons';
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

footer .has-arrow ul li {
  list-style: none;
  padding-left: 15px;
  position: relative;
}

a.wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--primary);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 6px;
  position: relative;
}

.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale {
  background: #cf0000;
  border: none;
  color: #fff;
  font-size: 12px;
}


@media (max-width: 720px) {

  .no-border-mobile,
  .no-border-mobile .wp-block-column {
    border: none !important;
  }
}

/* blog page style */
.post-block {
  transition: box-shadow 0.5s ease;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.post-block:hover {

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

@media (min-width: 720px) {
  .post-block {
    min-height: 540px;
  }
}

.wp-block-post-author__name::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

.wp-block-post-date time::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  padding-right: 8px;
}

.wp-block-read-more-is-layout-flow::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  padding-left: 8px;
}

.wp-block-read-more-is-layout-flow:hover::after {
  padding-left: 10px;
  transition: color 0.10s ease;
}

a.wp-block-post-author-name__link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

/* blog page style */

.sidebar a {
  text-decoration: none;
}

.login-icon figure {
  display: flex;
  align-items: center;
}

.login-icon figcaption.wp-element-caption {
  margin: 0 0 0 6px;
}

.wish-list {
  text-align: center;
  color: #000;
  line-height: 1;
  display: block;
  position: relative;
}

figcaption {
  color: #000 !important;
  font-weight: 500 !important;
}

header figcaption {
  color: #fff !important;
}

.has-border-left {
  border-left: 1px solid #efefef;
  padding-left: 15px;
}

.has-border-radius {
  border-radius: 8px;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  border-radius: 6px;
}

.shop-by-category a {
  text-decoration: none;
}

form.wpcf7-form.init label,
form.wpcf7-form.init span {
  display: block;
  width: 100%;
}

form.wpcf7-form input:not([type="submit"]) {
  width: 100%;
  background: #f4f4f4;
  border: 1px solid #bfbfbf;
  padding: 15px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  max-height: 100px;
  background: #f4f4f4;
  padding: 15px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--wp--preset--color--primary);
  border: navajowhite;
  color: #fff;
  padding: 15px 25px;
  width: 100px;
  border-radius: 6px;
  z-index: 999;
}

.suscribe-form form>p {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.suscribe-form span.wpcf7-spinner {

  flex: 0 0 100%;
}

.suscribe-form span.wpcf7-form-control-wrap {
  max-width: calc(100% - 120px);
}

.slider-menu .wp-block-navigation__responsive-container {
  max-width: 550px;
  width: 100%;
  right: -700px;
  left: auto;
  display: block;
  background: #fff !important;
  height: 100Vh;
  top: 0;
  opacity: 1;
  padding: 35px;
  transition: all .3s;
  box-shadow: 0 0 10px #9993938c;
}

.slider-menu .wp-block-navigation {
  width: 100%;
}

.slider-menu .wp-block-navigation__responsive-container ul.wp-block-navigation__container li {
  display: block;
  flex: 100%;
  width: 100%;
  border-bottom: none;
  padding-bottom: 18px;
}

.slider-menu .wp-block-navigation__responsive-container.is-menu-open {
  right: 0;
  z-index: 99;
}

li.wp-block-post.post.type-post>div {
  transition: all 0.3s !important;
}

li.wp-block-post.post.type-post>div:hover {
  box-shadow: 0 0 10px #949494c4;
  transform: translateY(-10px);
}

.wp-block-button a {
  min-width: 100px;
  text-align: center;
}

.wc-block-grid__product-rating .star-rating,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
  text-align: center;
  width: 8.3em;
  font-size: 11px;
  color: #ffa700;
}


.banner-heading strong {
  color: var(--wp--preset--color--primary);
}

.has-bg-color {
  height: 80px;
  width: 80px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.has-bg-color.has-bg-1 {
  background: #ffc05e;
}

.has-bg-color.has-bg-2 {
  background: #93f997;
}

.has-bg-color.has-bg-3 {
  background: #f99393;
}

.has-bg-color.has-bg-4 {
  background: #f993cf;
}

.has-shadow {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.has-shadow-2 {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.single-product .wp-block-group.woocommerce.product {
  margin-top: 0;
}

.wp-element-button.wc-block-components-product-button__button.add_to_cart_button {
  padding: 12px 30px !important;
}

.wp-element-button {
  transition: all .3s;
}

.wp-element-button:hover {
  background: var(--wp--preset--color--primary) !important;
}

.slider-menu.wp-block-navigation div {
  width: 100%;
}

.woocommerce-tabs.wc-tabs-wrapper h2 {
  margin-top: 0;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}



@media (max-width: 720px) {
  li.wp-block-post.post.type-post>div figure {
    margin: 0 !important;
    width: 100% !important;
  }

  li.wp-block-post.post.type-post>.wp-block-columns>div:first-child {
    order: 2;
  }

  li.wp-block-post.post.type-post>.wp-block-columns>div:last-child {
    order: 1;
  }
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p {
  display: none;
}

.wc-block-product-categories-list {
  list-style-type: none !important;
}

.wc-block-product-categories-list-item {
  margin-bottom: 8px;
}

.wc-block-product-categories-list-item::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f105';
  margin-right: 5px;
  font-size: small;
}

.wc-block-product-categories-list-item a {
  text-decoration: none;
}

.wc-block-attribute-filter-list li {
  color: var(--wp--preset--color--contrast);
}

ul.categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.categories-list li a {
  text-decoration: none;
  display: block;
  font-weight: 500;
  border-bottom: 1px solid #d5d5d5;
  padding-left: 20px;
  position: relative;
  line-height: 40px;
  padding: 3px 0 3px 30px;
}

ul.categories-list li:last-child a {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

ul.categories-list li a:before {
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 16px;
  color: var(--wp--preset--color--cat-color);
}

ul.categories-list li:nth-child(1) a:before {
  content: '\f02b';
}

ul.categories-list li:nth-child(2) a:before {
  content: '\f48b';
}

ul.categories-list li:nth-child(3) a:before,
ul.categories-list li:nth-child(10) a:before {
  content: '\f074';
}

ul.categories-list li:nth-child(7) a:before {
  content: '\f085';
}

ul.categories-list li:nth-child(4) a:before,
ul.categories-list li:nth-child(9) a:before {
  content: '\f015';
}

ul.categories-list li:nth-child(5) a:before {
  content: '\f0db';
}

ul.categories-list li:nth-child(6) a:before {
  content: '\f4b8';
}

ul.categories-list li:nth-child(8) a:before {
  content: '\f6c0';
}

.dark-title a {
  text-decoration: none !important;
}


/* childtheme-css-starts-here */

/* banner-section-starts-here */

.qf-banner-img {
  margin-top: -80px !important;
}

@media only screen and (max-width:782px) {
  .qf-banner-img {
    margin-top: -40px !important;
  }
}

/* banner-section-ends-here */


.qf-icon-box img {
  margin-top: -45px;
  margin-left: -45px;
}

body .products-block-post-template li {
  border: unset !important;
  padding: unset !important;
  box-shadow: unset !important;
}

.page-numbers {
  color: var(--wp--preset--color--link-color) !important;
}

@media screen and (min-width: 782px) and (max-width: 964px) {
  .qf-banner-img {
    margin-top: -20px !important;
  }
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  color: var(--wp--preset--color--white) !important;
}