/*
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.   ***************/
.mb-1{
	margin-bottom: 1em !important;
}

.mb-2{
	margin-bottom: .2em !important;
}

.mb-5{
	margin-bottom: .5em !important;
}

.pb-2{
	padding-bottom: .2em !important;
}

.pb-5{
	padding-bottom: .5em !important;
}

.pt-0{
    padding-top: 0 !important;
}

.g-10{
    gap: 10px;
}


/* Home page */

.icon-box.br-99 .icon svg{
    padding:0;
    border-radius: 99px
}

.box:has( div.readmore-video ) .box-text{
    position: static;
    padding-bottom: 0;
}

div.readmore-video {
    text-align: center;
    position: absolute;
    top: 160px;
    left: calc(50% - 35px);
    z-index: 1;
    color: #fff;
    width: 70px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .6);
    transition: 0.3s;
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

div.readmore-video.small{
    width: 40px;
    top: 55px;
    left: calc(50% - 20px);
}

.box:has( div.readmore-video ) .box-image:hover + .box-text  div.readmore-video{
    background: rgba(234, 47, 47, .7);
}

.after-line{
    position: relative;
    padding-bottom: 15px;
}

.after-line:after{
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 75px);
    width: 150px;
    height: 15px;
    background: url('/wp-content/uploads/2025/03/e.png') no-repeat center;
    background-size: contain;
    
}

.custom-img .box-image{
    border: solid 1px #cbcbcb;
    padding: 3px;
    background-color: #fff;
    display: block;
    box-shadow: 0 8px 6px -6px #000;
    transition: 0.3s;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.custom-img .box-image img{
    height: 100%;
    object-fit: cover;
}

.custom-img .box-image:hover{
    box-shadow: 0 8px 6px -6px #736565;
}

.custom-title .section-title{
    border: #d3d3d3 1px dotted;
}

.custom-title .section-title-main{
    position: absolute;
    pointer-events: none;
    background: #fbb03b;
    text-transform: none;
    width: 20%;
    padding: 0 20px;
    height: 40px;
    align-items: center;
    display: flex;
    color: #054934;
    margin: 0;
    border-bottom: unset;
    padding-left: 30px;
}

.custom-title .section-title-main:before{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 20px solid transparent;
}

.custom-title .section-title a{
    margin-right: 10px;
    width: 100%;
    text-align: right;
    height: 40px;
    align-items: center;
    align-content: center;
}

.custom-title .section-title a .icon-angle-right{
    display: none;
}

.custom-img .box-text{
    padding-bottom: 0;
}

.custom-img .box-text p{
    font-size: 15px;
    font-weight: 600;
}

.product-small.box .product-title{
    text-align: center;
}

.products .product-small.box .box-image{
    border: solid 1px #cbcbcb;
    background-color: #fff;
    display: block;
    box-shadow: 0 8px 6px -6px #000;
    transition: 0.3s;
    width: 100%;
    padding-top: 0;
    height: 180px;
}

.products .product-small.box .box-image img{
    padding: 3px;
}

.products .product-small.box .box-image:hover{
    box-shadow: 0 8px 6px -6px #736565;
}

.product-small.box .box-image *{
    height: 100%;
    position: relative;
}

.product-small.box .box-image img{
    width: 100%;
    object-fit: contain
}

.related .product-small.box .box-image{
    border: solid 1px #cbcbcb;
    background-color: #fff;
    display: block;
    box-shadow: 0 8px 6px -6px #000;
    transition: 0.3s;
    width: 100%;
    height: auto;
}

.related .product-small.box .box-image img{
    padding: 3px;
}

.related .product-small.box .box-image:hover{
    box-shadow: 0 8px 6px -6px #736565;
}


.related.product-section{
    border: none;
}

.related.product-section .product-section-title{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 20px;
}

.partner-gallery .gallery-col{
    padding-bottom: 0;
}

/* Header */
.header-contact{
    text-transform: none !important;
    color: #000 !important;
    font-size: 1em !important;
}

.header-contact i{
    font-size: 30px !important;
}

/* Footer */

#footer ul li{
    border-top: none;
    line-height: 1.8;
}

#footer ul li a{
    padding: 0;
    line-height: 1;
    transition: all .3s
}

#footer ul li a:hover{
    transform: translateX(5px);
    transition: all .3s
}

#footer .is-divider{
    display: none;
}

#footer .widget-title{
    margin-bottom: 15px;
    display: block;
}

/* Sidebar */
.post-sidebar .widget-area .widget .widget-title{
    line-height: 36px;
    overflow: hidden;
    padding-left: 15px;
    color: #054934;
    font-weight: 700;
    background-color: #fbb03b;
    border-left: solid 3px #231f20;
    display: block;
}

.post-sidebar .widget-area .widget .is-divider + div{
    padding: 10px;
    border: 1px solid #ccc;
}

.post-sidebar .widget-area .widget .row{
    margin: 0 0px;
    padding: 10px 0;
}

.post-sidebar .widget-area .widget .row .page-col{
    padding: 0;
}
    

.post-sidebar .widget-area .widget .is-divider{
    display: none;
}

.post-sidebar .widget-area .widget .textwidget ul li:last-child{
    margin-bottom: 0;
}

.post-sidebar .widget-area .widget .portfolio-box .box-text{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.post-sidebar .textwidget ul{
	padding-inline-start: 0 !important
}


.post-sidebar .textwidget ul li a{
	display: block;
}

/* Posts */ 
.single-post .post .entry-header-text{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.single-post .post .entry-header-text .entry-title{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
}

.single-post .post .article-inner{
    box-shadow: unset;
}

.single-post .post .article-inner .entry-content{
    padding-left: 0;
    padding-right: 0;
}

.single-related .related-title{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
}

/* Category */
.category .blog-archive .page-title{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 20px;
}

#category-description .term-description {
    
}

.cosmetic_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,1));
    padding-bottom: 10px
}

.cosmetic_readmore_flatsome.single-readmore {
    background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,1))
}

.cosmetic_readmore_flatsome:before {
    height: 30px;
    margin-top: -20px;
    content: "";
    background: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
    display: block
}

.cosmetic_readmore_flatsome.single-readmore:before {
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)
}

.cosmetic_readmore_flatsome a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 0
}

.cosmetic_readmore_flatsome a:hover:after {
    width: 100%;
    transition: width .4s
}

.cosmetic_readmore_flatsome.cosmetic_readmore_flatsome_less {
    position: relative
}

.cosmetic_readmore_flatsome.cosmetic_readmore_flatsome_less img {
    transform: rotate(180deg)
}

.cosmetic_readmore_flatsome.cosmetic_readmore_flatsome_less:before {
    display: none
}

.shop-page-title h1.shop-page-title{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 20px;
}

.shop-page-title .result-n-order{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-page-title .result-n-order .woocommerce-result-count{
    margin-left: 0;
}

/* Breadcrumb */
.rank-math-breadcrumb{
    border: 1px solid #f1f1f1;
    padding: 10px 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 10px;
}

.rank-math-breadcrumb p{
    margin-bottom: 0;
}

.rank-math-breadcrumb .separator{
    margin: 0 .3em;
}

.woocommerce-breadcrumb{
    border: 1px solid #f1f1f1;
    padding: 10px 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 10px;
}

.custom-heading{
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #bb8036;
    text-align: left;
    margin-bottom: 20px;
}

/* Service */
.slider-wrapper {
    width: 100%;
    margin: auto;
}

.thumbnail-main img, .thumbnail-control img {
    width: 100%;
    height: auto;
}

.thumbnail-main .slick-slide {
    cursor: pointer;
    opacity: 0.6;
}

.thumbnail-main .slick-current {
    opacity: 1;
}

.thumbnail-control .slick-list{
    margin-left: -5px;
    margin-right: -5px;
}

.thumbnail-control .slick-slide {
    margin: 0 5px;
    cursor: pointer;
}

.thumbnail-main .slick-next:before, .thumbnail-main .slick-prev:before{
    display: none;
}

.thumbnail-main .slick-arrow{
    z-index: 9;
}

.thumbnail-main .slick-arrow i{
    font-size: 24px;
    color: #000;
}

.thumbnail-main .slick-arrow.slick-next{
    right: 0;
}

.thumbnail-main .slick-arrow.slick-prev{
    left: 0;
}

.service-content{
    border: 1px solid #ccc;
    margin-top: 0;
    padding: 10px;
}

.service-content ul{
    padding-inline-start: 1em
}

.history-line-holder .year {
    font-size: 40px;
    font-style: italic;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.5;
}

.history-line-holder .item:nth-child(odd) .item-text {
    text-align: right
}

.history-line-holder .item:nth-child(odd) .item-text::before {
    right: unset;
    left: -100px
}

.history-line-holder .item.item-bottom .item-text{
    text-align: right
}

.history-line-holder .item.item-bottom:nth-of-type(odd) .item-text{
    text-align: left
}

.history-line-holder .item.item-bottom .item-text::before {
    right: unset;
    left: -100px
}

.history-line-holder .item.item-bottom:nth-of-type(odd) .item-text::before {
    right: -100px;
    left: unset;
}

.history-line-holder .item.item-bottom:nth-child(even) .line {
    transform: rotateY(150deg);
}

.history-line-holder .item.item-bottom:nth-child(odd) .line {
    transform: rotateY(0);
}


.history-line-holder .item:nth-child(odd) .line {
    transform: rotateY(150deg)
}

.history-line-holder .item-text {
    width: 41.666667%;
    position: relative
}

.history-line-holder img {
    max-height: 280px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.history-line-holder .item-text::before {
    content: "";
    width: 58px;
    height: 58px;
    background: url(/wp-content/uploads/2025/03/global-favicon-dashed.png) no-repeat center;
    background-size: 52px;
    z-index: 1;
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%);
    background-color: #fafafa
}

.history-line-holder .line {
    width: 16.666667%;
    height: 217px;
    position: relative
}

.history-line-holder .line::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 260px;
    background: url(/wp-content/uploads/2025/03/about-curl-line.png) no-repeat;
    background-size: contain;
    top: calc(50% + 31px);
    left: 31%
}

.history-line-holder .item-last{
    margin-top: 100px;
}

.history-line-holder .item:has(+.item-last) .line::before{
   height: 140px;
}

.history-line-holder .item.item-last .item-text::before {
    left: calc(50% - 29px);
    top: -63px;
    right: unset;
    transform: unset
}

.history-line-holder .item-middle::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 220px;
    background: url(/wp-content/uploads/2025/03/about-curl-line.png) no-repeat;
    background-size: contain;
    left: 42%;
    bottom: -125px
}

.page .content-area table td:first-child, .single-post .blog-single table td:first-child{
	padding-left: .5em
}

.box-blog-post .is-divider{
	display: none
}

.box-blog-post .post-title a{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.gallery-col .col-inner{
	box-shadow: unset
}

#text-6 ul li{
	list-style: disc;
	position: relative;
	margin-left: 1em;
}

#text-6 ul li::marker{
	color: #bb8036
}

#text-6 ul li:after{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f054';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 4px;
}

#floating-contact{
	position: fixed;
    color: #fff;
    font-size: 20px;
    text-align: left;
    bottom: 3px;
    left: 3px;
    font-weight: 600;
    z-index: 9999;
    border-radius: 6px;
	margin-bottom: 0;
}

#floating-contact .item a{
	color: #fff;
    text-decoration: none;
    display: block;
    margin-top: 7px;
    background: #ea281b;
    padding: 6px 20px;
    font-weight: 600;
    z-index: 9999;
    border-radius: 6px;
	text-transform: uppercase;
}

.intro-video{
	padding-top: 0 !important;
}

.intro-video .wp-video{
	width: 100% !important;
}

.wp-singular.page #content ul{
	padding-inline-start: 2em
}

@media (max-width: 900px){
    .custom-title .section-title-main{
        width: 33%;
    }   
    
    .history-line-holder .line:before, .history-line-holder .item-middle::after{
        display: none;
    }
    
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .custom-title .section-title-main{
        width: 100%;
    }

}

@media (max-width: 600px){
    .history-line-holder img{
        max-height: unset;
    }
    
    .history-line-holder .line{
        display: none;
    }
    
    .history-line-holder .item-text::before, .history-line-holder .item-middle::after{
        display: none;
    }
    
    .history-line-holder .item-text{
        text-align: center !important;
    }
    
    .history-line-holder .item.item-last .item-text::before{
        display: inline-block;
    }
    
    .localstore_search_results.hide_mobile{
        display: none !important;
    }
    
    .custom-img .box-image{
        height: 140px;
    }
}