/*fonts import*/


@font-face {
    font-family: Averta Extrabold;
    src: url(/wp-content/themes/fabricstore/VagwoeStyles/averta-extrabold-webfont.woff);
}
@font-face {
    font-family: Averta Regular;
    src: url(/wp-content/themes/fabricstore/VagwoeStyles/averta-regular-webfont.woff);
}
@font-face {
    font-family: averta-bold;
    src: url(/wp-content/themes/fabricstore/VagwoeStyles/averta-bold-webfont.woff);
}
@font-face {
    font-family: averta-light;
    src: url(/wp-content/themes/fabricstore/VagwoeStyles/averta-light-webfont.woff);
}




p, span, li, a, table, td, tr, input, div{
    font-family: 'averta-light' !important;
}
html, body, bp, span, li, a, table, td, tr, input, div{
    font-family: 'Averta Regular' !important;
}
h1, h2{
    font-family: 'Averta Extrabold' !important;
}
h3, h4, h5, h6{
    font-family: 'averta-bold' !important;
}

#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
    font: normal 20px/1 dashicons !important;
}

/*---------------------------------------------------------------------------------------*/

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #c83e2f;
}

::selection {
    color: white;
    background: #c83e2f;
}


@media (min-width: 1025px){
    .nav > li > a {
        font-weight: 700;
        margin: 0 15px;
    }

    .banner h2 {
        font-size: 3rem;
    }

    .banner p {
        font-size: 2rem;
    }
    
}

@media (min-width: 1025px){
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		width: 20% !important;
	}
}



.bfrcart {
    font-family: 'Averta Extrabold' !important;
    color: #c83e2f;
    font-size: 16px;
}



.page-title-inner.flex-row.medium-flex-wrap.container {
    display: block;
}

.html1 {
    font-family: 'averta-bold' !important;
    font-size: 18px;
    padding: 5px;
    margin: 10px auto;
}

select.orderby {
    border: 0.5px solid #c83e2f;
    border-radius: 20px;
}

p.woocommerce-result-count.hide-for-medium {
    font-family: 'averta-light' !important;
    font-size: 1.2em;
}

.term-description {
    background: #c83e2f;
    padding: 10px;
    margin: 10px auto;
    border-radius: 10px;
    color: #fff;
}

.term-description h1 {
    color: white;
}

.term-description h2 {
    color: #ffffff;
    font-size: 1.1em;
}

.term-description h3 {
    color: #ffffff;
    font-size: 1.1em;
}

span.sku_wrapper {
    font-size: 2em;
    font-weight: 900;
    color: #555;
}

.woocommerce-product-attributes-item--attribute_pa_manufacturer {
    display: none;
}

.product-info p.stock {
    margin: 1em 0 !important;
    font-size: 1em !important;
}

button.single_add_to_cart_button.button.alt.sample {
    background-color: #c83e2f;
}

.variations .label label {
    margin: 0.5em 10px 0.5em 0;
}

.variations .label {
    margin: 15px auto;
}

span.sku_wrapper-after-title {
    font-family: 'Averta Regular' !important;
    font-size: 1rem;
    font-weight: 900;
    color: #555;
}

.product-info span.sku_wrapper-after-title {
    font-family: 'Averta Regular' !important;
    font-size: 1.75em;
    font-weight: 900;
    color: #555;
}

span.sku-title {
    font-family: 'averta-bold' !important;
}

.qty-label {
    font-family: 'averta-bold' !important;
    font-size: 1rem;
    color: #d26e4b;
    margin: 15px 0 5px 0;
}

.back-to-top {
    right: 100px;
    bottom: 33px;
}



.v-woe .carousel {
    overflow: hidden !important;
    width: 100% !important;
    height: 300px !important;
}

.v-woe .carousel > .flickity-viewport {
    position: initial !important;
}

.v-woe .flickity-slider > .carousel-cell {
    margin: 0 5px 0 5px;
    height: 100% !important;
    width: 33% !important;
}


.ux-swatches--x-large .ux-swatch--color, .ux-swatches--x-large .ux-swatch--image {
    opacity: 1 !important;
}

.var-images {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0 !important;
}

.var-images .var-image {
    flex: 0 0 37.5%;
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    position: relative;
    scroll-snap-align: start;
    object-fit: cover;
    overflow: hidden;
}

.var-images.var-images-mob .var-image {
    aspect-ratio: 1/1 !important;
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
}

.var-images .var-image .var-imageThumb{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.var-images .var-image .var-imageThumb .overlay {
    background: #000;
    background: linear-gradient(180deg,#000000d9 0%, #0000004f 25%, #00000000 50%);
}

.var-images .var-image .var-imageInfo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 5px 5px 0 10px;
}
.var-images .var-image .var-imageInfo .title{
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.var-images::-webkit-scrollbar {
    height: 2.4rem;
}
.var-images::-webkit-scrollbar-thumb {
    border: 0;
    border-radius: 0;
    background: linear-gradient(to top,#000 0.8rem,transparent 0.8rem);
}
.var-images::-webkit-scrollbar-track {
    background-color: transparent;
    background-image: linear-gradient(to top,#000 1px,transparent 1px);
}

.d-none {
    display: none !important;
}

.product-gallery-slider img, .product-thumbnails img {
    width: 100%;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    height: 100% !important;
}

.ux-swatches {
    justify-content: space-between !important;
}