/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.p-0 {
    padding: 0;
}
.m-0 {
    margin: 0;
}
.p-mb p {
    margin-bottom: 0;
}
/*.fm {
    font-family: "Roboto";
}*/

.text.p-0.fm p {
    margin-bottom: 0;
}

.marquee {
    --duration: 60s;
    --gap: 10px;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    user-select: none;
    gap: var(--gap);
    transform: skewY(0);
}

ul.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    min-width: 100%;
    transform: skewY(0);
    margin: 5px 0;
}
ul.marquee__group li {
    margin-bottom: 0;
    list-style: none;
    margin-left: 100px;
    margin-right: 10px;
}
ul.marquee__group li a {
    color: #fff;
}
ul.marquee__group li a:hover {
    color: #e8e9e9;
}

.badge-frame .badge-inner, .widget .badge-outline .badge-inner {
    background-color: #ffffffa3;
}

.box-image {
    border-radius: 9px;
    overflow: hidden;
}


ul.tabs.product-tabs li a {
    font-size: 1em;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?45dfzz');
  src:  url('fonts/icomoon.eot?45dfzz#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?45dfzz') format('truetype'),
    url('fonts/icomoon.woff?45dfzz') format('woff'),
    url('fonts/icomoon.svg?45dfzz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.fa-icon-close, .icon-bonus, .icon-flower, .icon-sale {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fas.fa-icon-close:before {
  content: "\e903";
}
.icon-bonus:before {
  content: "\e900";
}
.icon-flower:before {
  content: "\e901";
}
.icon-sale:before {
  content: "\e902";
}


a.primary.is-small.mb-0.button.product_type_simple.is-outline {
    border-radius: 5px;
}

.badge-container {
    margin: 15px 0 0;
}
.badge-frame .badge-inner, .badge-outline .badge-inner {
    border-radius: 5px;
}
.badge+.badge {
    height: 1em;
}
.badge-frame {
    height: 1em;
    margin-bottom: 5px;
}

.woocommerce-product-gallery__image.slide img{
    border-radius: 9px;
}
header.has-transparent {
    background: rgb(10,0,2);
    background: linear-gradient(180deg, rgb(10 0 2 / 48%) 0%, rgb(0 0 0 / 0%) 100%);
}

.yith-wcwl-share.social-icons.share-icons.share-row.relative {
    display: none;
}

.footer__link a span {
    transition: all .3s ease-in-out;
}
.footer__link a:hover span {
    color: #fff;
}
a:hover .footer__item {
    color: #fff;
}

.footer__link.ux-menu-link--active a {
    color: #fff;
}
.image-gap {
    margin-top: -115px;
    background-color: #fff;
}
.section-padding {
    padding-top: 115px;
}

.title-tabs ul > li > a > span {
    font-size: 32px;;
}
.radius_banner {
    border-radius: 17px;
    overflow: hidden;
    box-sizing: content-box;
}
section.p-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

ul.sidebar__menu > aside > div > ul > li > a {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    color: #0a0002;
    transition: all .3s ease-in-out;
}
ul.sidebar__menu > aside > div > ul > li > a:hover {
    color: #555;
}

.buttom-color-red {
    background-color: #73260e00 !important;
    color: #73260e !important;
    border-color: #73260e !important;
}
.buttom-color-red:hover {
    background-color: #73260e !important;
    color: #fff !important;
    border-color: #73260e !important;
}
.hotspot-index {
    z-index: 1;
}

input.input-indi {
    border-radius: 8px;
    padding: 16px;
    font-size: 20px;
}
input.input-border {
    border-radius: 5px;
}
textarea.textarea-border {
    border-radius: 5px;
}
input.input-text {
    border-radius: 5px;
}

textarea.textarea-indi {
    border-radius: 5px;
}

button.flickity-button.flickity-prev-next-button.next,
button.flickity-button.flickity-prev-next-button.previous {
    opacity: 1;
}

table.table-seze-sweatshirt thead tr th {
    background-color: #e4e4e9;
    text-align: center;
    font-size: 18px;
}
table.table-seze-sweatshirt tbody tr td {
    text-align: center;
    font-size: 16px;
}
table.table-seze-sweatshirt thead tr th:first-child {
    background-color: #fff;
}
table.table-seze-sweatshirt tbody tr td:first-child {
    color: #fff;
    background-color: #0a0002;
}

table.table-seze-sweatshirt tbody tr:hover td:first-child {
    color: #fff;
    background-color: #0a0002;
}

table.table-size thead tr th{
    background-color: #0a0002;
    color: #fff;
}
table.table-size tbody tr:nth-child(1) td,
table.table-size tbody tr:nth-child(2) td  {
    background-color: #0a0002 !important;
    color: #fff !important;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    border-right: 1px solid var(--border-color);
}
table.table-size tbody tr:nth-child(3) td {
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #b1b1b1;
}
table.table-size tbody tr:hover td:first-child {
    background-color: #f9f9f9;
}
.table-size.tablepress>tbody>*~*>*{
    border-top: 1px solid var(--border-color);
    border-right: 1px solid #b1b1b1;
}
table.table-size tbody tr td {
    text-align: center;
}
.table-scroll {
    overflow-x:auto;
}

.table-size-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
}
a.link-table-size {
    margin-right: 34px;
}
.table-size-wrapper a {
    font-size: 21px;
    border-bottom: 1px dashed;
    transition: all 0.3s ease-in-out;
}
.table-size-wrapper a:hover {
    border-color: var(--fs-experimental-link-color);
}
.table-size-wrapper a {
    font-size: 18px;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 8px;
    transition: all 0.3s ease-in-out;
}

.select-item {
    cursor: pointer;
}
.select-item.active {
    position: relative;
    cursor: pointer;
}
.select-item.active::before {
    content: '\2713';
    font-size: 24px;
    line-height: 20px;
    background-color: green;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    z-index: 1;
}
.select-size.active {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: #fff;
}

.bg_banner-image-gray {
    background-image: url('/wp-content/uploads/2024/01/bg-3.png');
}
/*.page-title-inner {
    padding-top: 0px;
}*/
.awooc-custom-order.button.alt {
    color: var(--fs-color-primary);
    background-color: transparent;
    border: 2px solid;
}
.awooc-custom-order.button.alt:hover {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: #fff;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.button.primary {
    color: #fff;
    background-color: var(--fs-color-primary);
}
img.awooc-form-custom-order-img {
    border-radius: 9px;
}
.woocommerce .awooc-custom-order-wrap .wpcf7-form-control {
    border-radius: 5px;
}
.blockUI.blockMsg.blockMsgAwooc.blockPage {
    max-height: fit-content !important;
}
a.link-size {
    border-bottom: 1px dashed;
}
a:hover.link-size {
    color: #0a0002;
}
.img-radius img {
    border-radius: 9px;
}

.video-1 video.video-bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 34%;
    object-position: 50% 34%;
}

.overflow_bg .banner-layers.container {
    overflow: hidden;
}

.product-info p.stock {
    font-size: 1em;
}

.product-info p.stock.out-of-stock {
    color: #cf6e4e;
}


.swatch-vash-tsvet .ux-swatch__color--dual-color{
    background-image: url(/wp-content/uploads/2024/01/randon-color.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;                                                                                                                               
}
.ux-swatches .ux-swatch__color--dual-color {
    background-image: url(/wp-content/uploads/2024/01/randon-color.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; 
}
.woocommerce-variation-price {
    display: none;
}
.product-thumbnails .flickity-viewport .flickity-slider .col a {
    border-radius: 5px;
    max-height: 100px;
}
#yith-wcwl-popup-message {
    border-radius: 9px;
}
.wishlist_table.mobile .product-remove {
    left: -34px;
}

.product-thumbnail a img.attachment-woocommerce_thumbnail {
    border-radius: 9px;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled.active {
    display: none;
}
span.stock-pre-order-info {
    width: 100%;
    display: block;
    font-weight: 100;
    color: #818181;
    line-height: 20px;
    padding-top: 15px;
    font-size: 16px;
}
p.stock.available-on-backorder {
    font-size: 18px;
}


/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media only screen and (max-width: 1300px ){
    .image-gap {
        margin-top: -80px;
    }
}
@media only screen and (max-width: 849px ){
    .image-gap {
        margin-top: -110px;
    }
}
@media only screen and (max-width: 700px ){
    .image-gap {
        margin-top: -80px;
    }
    ul.marquee__group li {
        margin-left: 80px;
        margin-right: 10px;
    }
    .button.icon.circle {
        scale: 0.7;
    }
    .button.icon {
        margin-left: 0.12em;
        bottom: 5px;
        margin-right: -0.3em;
    }

}

@media only screen and (max-width: 427px ){
    ul.sidebar__menu > aside > div > ul > li > a {
        font-size: 26px;
    }
    ul.marquee__group li {
        margin-left: 40px;
        margin-right: 10px;
    }
}