/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
color: var(--primary-color);
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.product-categories li.current-cat > a,
.product-categories li a:hover {
	color: var(--primary-color) !important;
	font-weight: 400;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: var(--primary-color);
    text-transform: inherit;
    font-size: 15px;
}
ul.header-nav.header-nav-main ul.sub-menu.nav-dropdown {
    padding: 5px;
}
ul.header-nav.header-nav-main li.current-dropdown > a {
	color: var(--primary-color) !important;
}
ul.header-nav.header-nav-main ul.sub-menu.nav-dropdown li a {
	border-color: #373737;
	color: var(--primary-color);
}
.flickity-prev-next-button svg, .flickity-prev-next-button .arrow {
    border-color: var(--primary-color);
    fill: var(--primary-color);
}
.entry-content.single-page {
    text-align: justify;
}
.product-category .box-image:before,
.product-category .box-image:after,
.product-small.box .box-image a:before, 
.product-small.box .box-image a:after,
.post-item .col-inner .box-image:before, 
.post-item .col-inner .box-image:after, 
.banner-animation a:before, 
.banner-animation a:after {
    content: "";
    position: absolute;
    z-index: 9999;
    width: 0px;
    height: 0px;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.35);
    transition: all 0.75s ease 0s;
}
.product-category .box-image:before,
.product-small.box .box-image::before,
.post-item .col-inner .box-image::before, 
.banner-animation a::before {
    bottom: 0px;
    right: 0px;
}
.product-category .box-image:after,
.post-item .col-inner .box-image:after,
.product-small.box .box-image a::after, 
.banner-animation a::after {
    top: 0px;
    left: 0px;
    transition-delay: 0.1s;
}
.product-category:hover .box-image:before,
.product-category:hover .box-image:after,
.product-small.box:hover .box-image a:before, 
.product-small.box:hover .box-image a:after,
.post-item .col-inner:hover .box-image:before, 
.post-item .col-inner:hover .box-image:after, 
.banner-animation a:hover:before, 
.banner-animation a:hover:after {
    height: 100%;
    width: 100%;
    opacity: 0;
}
.price-wrapper .price a {
    color: var(--primary-color);
}
.price-wrapper .price a:hover {
    color: #fff;
}
.product-small.box .box-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.header-inner {
    position: relative;
}
.header-inner:after {
    content: "";
    position: absolute;
    left: -170px;
    z-index: -1;
    background-image: url(./images/logo-light.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}
.dark, .dark p, .dark td {
    color: #d3d3d3;
}
.dark a.lead, 
.dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a {
    color: #d3d3d3;
}
.product-small.box {
    position: relative;
    border-radius: 5px;
    transition: .3s;
    border: 1px solid #393939;
}
.section-title-normal {
    margin-bottom: 0;
    border-bottom: none;
}
.section-title.section-title-normal .section-title-main {
    color: var(--primary-color);
    text-transform: inherit;
    border-bottom: none;
    position: relative;
    padding-left: 40px;
}
.section-title.section-title-normal .section-title-main:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(./images/icon-title.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-title a {
    font-weight: 400;
    font-size: 16px;
    color: var(--primary-color);
}
.footer-2 .ux-menu-link__link {
    min-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.footer-2 .ux-menu-link__link:hover {
    color: var(--primary-color) !important;
}
.container.section-title-container {
    margin-bottom: 7px;
}
.box-blog-post .is-divider {
    height: 0px;
}
.sec__news .post-item .col-inner {
    position: relative;
    border-radius: 5px;
    transition: .3s;
    border: 1px solid #f1f1f1;
    /*-webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);*/
}
.sec__news .post-item .col-inner:hover {
    -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
}
.sec__news .post-item .box-text {
    padding: 10px;
}
.sec__news .post-item .box-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sec__news .post-item .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
}
.sec__news .post-item .col-inner:hover .post-title {
    color: var(--primary-color);
}
.sec__news .post-item .box-text .from_the_blog_excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 92px;
}
.pdb0 {
    padding-bottom: 0 !important;
}
.relatedcat ul > li {
    list-style: none;
}
.widget-title {
    background-color: var(--primary-color);
    border: 0;
    margin: 0;
    padding: 12px 20px;
    color: #5b2d03;
    text-align: left;
    display: block;
}
.product-categories {
    background-color: #1d1d1d;
    padding: 15px;
}
.product-categories li a {
    color: #c3c3c3 !important;
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 1.6;
    padding-left: 22px;
    text-transform: capitalize;
}
.archive-page-header .page-title {
    font-size: 27px;
    color: var(--primary-color);
}
.entry-header-text.entry-header-text-top {
    padding-bottom: 0;
}
#product-sidebar .widget .is-divider,
.entry-header-text.entry-header-text-top .entry-category,
.post-sidebar .widget .is-divider,
#shop-sidebar .widget .is-divider {
    display: none;
}
.breadcrumbs,
.breadcrumbs a {
    color: #c3c3c3 !important;
}
.rank-math-breadcrumb p {
    margin-bottom: 5px;
}
.entry-header-text.entry-header-text-top .entry-title {
    color: var(--primary-color);
}
.row__contact-phone p {
    font-size: 14px;
    margin-bottom: 0
}
.row__contact-phone .col-inner p:last-child {
    font-size: 12px
}
.product-section-title.product-section-title-related {
    margin-left: 0;
    color: var(--primary-color);
}
.off-canvas-left.dark .mfp-content {
    background-color: #141414e6;
    width: 100%;
}

@media (min-width: 849px) {
    .relatedcat ul {
        display: flex;
        margin: 0 -10px;
    }
    .relatedcat ul > li {
        list-style: none;
        width: 33.3333%;
        padding: 0 10px;
    }
    .relatedcat ul > li img {
        object-fit: cover;
        width: 100%;
        height: 150px;
        border-radius: 5px;
        transition: transform .5s;
    }
    .relatedcat ul > li > a {
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media (min-width: 849px) {
    
}
@media (min-width: 561px) {
    
}
@media (max-width: 560px) {
    
}
@media (max-width: 850px) {
    
}