/*

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.   ***************/

body{

    font-family: "Poppins", sans-serif;

}



h1, h2, h3, h4, h5, h6, b, strong{

    font-weight: 600;

    color: #000;

}



div#top-bar a {

    font-size: 14px;

    color: #fff;

}



.header-search-form-wrapper input {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    padding-right: unset!important;

    box-shadow: unset!important;

    border: unset;

}



.header-search-form-wrapper button {

    background: transparent;

    box-shadow: unset!important;

    border-left: unset!important;

    border: unset;

}



.header-search-form-wrapper form {

    border: 2px solid #111;

    border-radius: 5px;

}



.header-search-form-wrapper button i {

    color: #000;

}



.header-bottom-nav > li > a {

    font-weight: 600;

    color: #000;

}



header#header {

    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);

}



.Dev_title .title a {

    font-weight: 600;

    font-size: 23px;

}



.box-text-products {

    text-align: center;

}



.box-text-products .price-wrapper {

    margin-top: 13px;

    font-size: 16px;

}



.box-text-products .price-wrapper span {

    font-weight: 600;

}



.box-text-products .price-wrapper .custom-empty-price {

    color: #000;

    font-weight: 600;

}

.box-text-products .woocommerce-loop-product__title a {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    display: -webkit-box;

}



.Dev_title {

    border-bottom: 2px solid #ddd;

    margin-bottom: 15px;

}

.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {

    box-shadow: unset;

    background: transparent;

    width: 55px;

}



.flickity-prev-next-button svg {

    background: #fff!important;

    width: 40px;

    height: 40px;

    padding: 13px;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 50%;

    opacity: 1!important;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.flickity-prev-next-button svg path {

    padding: 0;

}

.product-small .badge-container {

    display: none;

}

.home-product > .section-content > .row > .col {

    /* padding-bottom: 0; */

}

.home-slider {

    margin-top: 5px;

}

.home-news .Dev_title {

    border: unset;

}

.ux-shape-divider--top {

    top: -1px;

    transform: rotate(180deg);

}

.ux-shape-divider {

    --divider-top-width: 100%;

    --divider-width: 100%;

    left: 0;

    line-height: 0;

    overflow: hidden;

    position: absolute;

    width: 100%;

}

.ux-shape-divider--top svg {

    height: 50px;

    --divider-top-width: 100%;

}

.ux-shape-divider--top svg {

    width: calc(var(--divider-top-width) + 2px);

}

.ux-shape-divider svg {

    display: block;

    /* height: 150px; */

    /* left: 50%; */

    /* position: relative; */

    /* transform: translateX(-50%); */

}

.ux-shape-divider--top .ux-shape-fill {

    fill: var(--fs-color-primary);

}



.footer-1 > .row > .col:first-child .box-image {display: inline-block;}



.footer-1 {

    padding: 65px 0 0 0;

}



.list-tags .tagcloud {

    margin-top: 15px;

}



.list-tags .widget-title {

    color: #000;

}



.footer-2 .menu li {

    display: inline-block;

}



.footer-2 .menu li a {

    color: #000;

    padding: 0 10px;

}



.footer-2 .menu {

    text-align: center;

}



.footer-2 .menu a:hover {

    color: #000!important;

}



.footer-2 .widget_nav_menu {

    margin-bottom: 10px;

}



.footer-2 {

    padding-top: 15px;

}

.absolute-footer {

    color: #000!important;

}

#breadcrumbs {

    padding: 16px 0;

}



.shop-page-title .page-title-inner {

    padding-top: 0;

}



#breadcrumbs .container-box .breadcrumb_last {

    font-weight: 300;

    color: #000;

}



#breadcrumbs .container-box .breadcrumb_last strong {

    font-weight: 500;

}

.price-wrapper .price del {

    display: block;

    margin-bottom: 7px;

}

.product-small:hover > .col-inner {

    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

}



form.woocommerce-ordering, form.woocommerce-ordering select {

    margin: 0;

    font-size: 14px;

}

.post-item .col-inner {

    padding: 10px;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 5px;

    border: 1px solid;

    border-color: #fff;

}



.post-item:hover .col-inner {border-color: #ddd;}



.blog-archive .post-item .from_the_blog_excerpt {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    display: -webkit-box;

}



.blog-archive .post-item  a.button {

    display: none;

}



.sidebar-inner h3.widget-title, .sidebar-inner span.widget-title, .post-sidebar .widget-title {

    /* background: #fcd900; */

    display: block;

    /* padding: 5px; */

    /* font-size: 12px; */

    /* padding: 12px 10px; */

    /* border-top-left-radius: 5px; */

    /* border-top-right-radius: 5px; */

    /* color: #603700; */

    /* font-weight: 700; */

    margin-bottom: 10px;

    color: #000;

}

.post-sidebar .is-divider.small {

    display: none;

}

a.header-cart-link {

    background: #000!important;

    color: #fff;

    font-weight: 600;

    padding-inline: 10px!important;

    min-width: unset!important;

    padding-block: 5px;

}



.header-button [data-icon-label]:after {

    background: red;

}





.product-actions {

    margin-top: 13px;

    position: relative;

}



.product-actions a {

    background: var(--primary-color);

    padding: 7px 15px;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    transition: 0.4s;

    position: relative;

}



.product-actions a:hover {

    opacity: .8;

    transition: 0.4s;

}

.tagcloud a:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

}

.blog-post-inner .post-title a {

    color: #000;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    display: -webkit-box;

}



.blog-post-inner .from_the_blog_excerpt {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    display: -webkit-box;

}



.product-small:hover .box-image img,

.post-item:hover .box-image img{

    transform: scale(1.1);

}



span.sku_wrapper.product_code .sku, .product_status .sku {

    font-weight: 700;

}

span.woocommerce-Price-amount.amount {

    font-weight: 600;

}



.ppc-button-wrapper {

    margin-bottom: 15px;

}



.tax-product_cat #breadcrumbs .container-box, .search-results #breadcrumbs .container-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.search-results .shop-page-title{

    display: none;

}

label {

    font-weight: 600;

}

.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {

    display: none;

}



.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {

    background-color: var(--fs-color-primary);

    border-color: var(--fs-color-primary);

}

ul.page-numbers.nav-pagination.links li:not(:first-child) {

    margin: 0 3px;

}



ul.page-numbers.nav-pagination.links li:first-child {

    margin-right: 3px;

}



ul.page-numbers.nav-pagination.links li:last-child {

    margin-left: 3px;

}



.nav-pagination>li>a, .nav-pagination>li>span {

    border-radius: 0px;

    border-width: 1px;

    font-weight: 500;

}

.entry-title {

    font-weight: 400;

}

.product-actions .loadding {

    position: absolute !important;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    background: #370d0da3;

    overflow: hidden;

    z-index: 9;

    display: none;

}

.loader-ajax:after {

    content: '';

    width: 20px;

    height: 20px;

    border: 5px solid #FFF;

    border-bottom-color: #FF3D00;

    border-radius: 50%;

    display: inline-block;

    box-sizing: border-box;

    animation: rotation 1s linear infinite;

    top: 5px;

    position: relative;

}

@keyframes rotation {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

@keyframes rotation {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

.loader-ajax.show {

    visibility: visible;

    display: block;

}



/* toast */

.toast-buttons {

    max-width: 700px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 15px;

    margin: 2em auto;

}



.toast-row {

    display: flex;

    justify-content: center;

    margin: 1em 0;

    padding: 1rem;

    flex-wrap: wrap;

}



button.custom-toast {

    padding: 0.5rem 1rem;

    border: none;

    color: #fff;

    font-weight: 500;

    border-radius: 5px;

    box-shadow: 2px 2px 10px

    rgba(0, 0, 0, 0.785);

    cursor: pointer;

    width: 150px;

    margin: 0.5em;

    transition: filter 0.2s ease-in-out,

    transform 0.3s ease-in-out;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 1rem;

    background-color: transparent;

    outline: none;

    background: #3498db;

    color: #fff;

}



button.custom-toast:hover {

    filter: brightness(0.9);

}



button.success-toast {

    background-color: #2ecc71;

}



button.danger-toast {

    background-color: #e74c3c;

}



button.info-toast {

    background-color: #3498db;

}



button.warning-toast {

    background-color: #f1c40f;

}



.toast {

    position: fixed;

    top: 40px;

    right: 15px;

    max-width: 300px;

    background: #fff;

    padding: 0.5rem;

    border-radius: 4px;

    box-shadow: -1px 1px 10px

    rgba(0, 0, 0, 0.3);

    z-index: 1023;

    animation: slideInRight 0.3s

    ease-in-out forwards,

    fadeOut 0.5s ease-in-out

    forwards 3s;

    transform: translateX(110%);

}



.toast.closing {

    animation: slideOutRight 0.5s

    ease-in-out forwards;

}



.toast-progress {

    position: absolute;

    display: block;

    bottom: 0;

    left: 0;

    height: 4px;

    width: 100%;

    background: #b7b7b7;

    animation: toastProgress 3s

    ease-in-out forwards;

}



.toast-content-wrapper {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 15px;

}



.toast-icon {

    /* padding: 0.35rem 0.5rem; */

    font-size: 1.5rem;

}



.toast-message {

    flex: 1;

    font-size: 0.9rem;

    color: #000000;

    padding: 0.5rem;

}



.toast.toast-success {

    background: #95eab8c9;

}



.toast.toast-success .toast-progress {

    background-color: #2ecc71;

}



.toast.toast-danger {

    background: #efaca5;

}



.toast.toast-danger .toast-progress {

    background-color: #e74c3c;

}



.toast.toast-info {

    background: #bddaed;

}



.toast.toast-info .toast-progress {

    background-color: #3498db;

}



.toast.toast-warning {

    background: #ead994;

}



.toast.toast-warning .toast-progress {

    background-color: #f1c40f;

}



@keyframes slideInRight {

    0% {

        transform: translateX(110%);

    }



    75% {

        transform: translateX(-10%);

    }



    100% {

        transform: translateX(0%);

    }

}



@keyframes slideOutRight {

    0% {

        transform: translateX(0%);

    }



    25% {

        transform: translateX(-10%);

    }



    100% {

        transform: translateX(110%);

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



@keyframes toastProgress {

    0% {

        width: 100%;

    }



    100% {

        width: 0%;

    }

}

@media( max-width: 767px  ) {

    .toast {

        top: 95px!important;

    }

}

/* toast */



.category-page-row hr, .category-page-row h4.uppercase, .category-page-row .slider {

    display: none;

}

main#main {
    background: #fcedcd40;
}