@charset "UTF-8";
@import "main.css";
@import "diy.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

    .row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid #ececec17;
    }

/* 把 flatsome 的 flickr 图标替换成 font awesome 的 amazon */
.icon-flickr:before {
    font-family: "Font Awesome 5 Brands" !important; /* Font Awesome 的字体 */
    content: "\f270"; /* fa-amazon 的 Unicode */
}
.button.flickr:hover, .button.flickr:not(.is-outline) {
    color: #dc790b !important;
}
/* 文章标题两行 */
.category-blog .post-title a{
	 display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}











/*=====产品分类banner======*/
.products-banner-list-slider .flickity-viewport{
	@media (min-width:2000px){
	  height:600px !important;
	}
}
.products-banner-list-slider .flickity-viewport .is-selected{
	@media (min-width:2000px){
	  padding-top:600px !important;
	}
}

/*=====产品详情头部======*/
.woocommerce-page .container .row:not(.row-collapse){
	    margin-left: 0;
    margin-right: 0;
}

/* 默认小屏幕宽度50% */
/* .woocommerce-page .banner-layer {
  width: 50%!important;
} */
.woocommerce-page .shop-container .banner-layers .text-box-content .text-center .row{
	max-width:100%!important;
}

.shop-container .container{
	max-width:100%!important;
	padding-left: 0px;
   padding-right: 0px;
}



.woocommerce-page .product-tabs{
	display:none;
}


.banner-services-p p{
	margin-top:0px!important;
	margin-bottom:0px !important;
}

.icon-title h2{
	font-size:26px;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none !important;
}
.header.show-on-scroll, 
.stuck .header-main {
    height: 70px !important;
/*     background: linear-gradient(90deg, #BDFFE9, #1C5E77); */
}
/* .stuck .logo img{
	filter: invert(100%);
} */
.archive-page-header h1{
	display:none;
}
.from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.st0 {
    opacity: 1!important;
}

.num-list-type h3{
	font-family:""!important;
}
.top-text p{
	font-family:""!important;
}

.home-hover .col-inner{
    position: relative;
}
.home-hover .col-inner h4{
    position: relative;
    
}
.home-hover .col-inner:hover .p{
    display: block;
}
.home-hover .col-inner:hover a,
.home-hover .col-inner:hover h4 {
    position: relative !important;
    display: inline-block;
    opacity: 1 !important;
    color: #fff;
    z-index: 999;
}
.home-hover .p{
    position: absolute;
    top: 0;
    background: #9e2927e6;
    padding: 22px;
    height: 100%;
   display: none;
    text-align: left;
    border-radius: 10px;
    transition: .25s;
}

.home-hover .p p{
    font-size: 14px;
    color: #fff;
}
    
.stories {
    position: relative;
}
/* .stories .box::before {
    content: "";
    display: block;
    width: 530px;
    height: 350px;
    background-image: url(http://long.dakweb.top/wp-content/uploads/2025/07/custom-apparel-success-stories3-n.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 444;
} */


/*平板电脑及以下*/
@media (max-width: 849px) {
   
}

/*仅限移动设备*/

/*按钮*/
@media (max-width: 549px) {
    .stories .box::before {
       display: none;
    }
}


/*首页常见帮助*/
.accordion h3{
    font-weight: 300;
}
.our-process .item {
  position: relative;
}

.our-process .item::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 24px;
  font-weight: bold;
  color: #999;
}

/* 针对每个 item 分别设置数字内容 */
.our-process .item:nth-child(1)::before { content: "01"; }
.our-process .item:nth-child(2)::before { content: "02"; }
.our-process .item:nth-child(3)::before { content: "03"; }
.our-process .item:nth-child(4)::before { content: "04"; }
.our-process .item:nth-child(5)::before { content: "05"; }
.our-process .item:nth-child(6)::before { content: "06"; }



.our-process .item::before {
  content: "";
    top: 0;
    left: 24px;
  font-size: 33px;
  font-weight: bold;
  color: white; /* 填充色 */

  text-shadow:
    -1px -1px 0 #87B5A7,
     1px -1px 0 #87B5A7,
    -1px  1px 0 #87B5A7,
     1px  1px 0 #87B5A7; /* 四向黑色描边 */
  z-index: 1;
}


/*======================通用=======================*/

.border-none *{
    border: none !important;
}
/*对勾图标优化风格*/
ul li.bullet-checkmark:before {
    color: #fff !important;
    BACKGROUND: var(--fs-color-primary);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 3px;
    font-size: 12px;

}


/*字体和图标保持在水平居中*/
.x-text-icon .icon-box-left, .icon-box-right {
    display: flex !important;
    flex-flow: row wrap !important;
    width: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.x-text-icon .icon-box-left p{
    margin: 0;
}


.row-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.5em;
  line-height: 1.5em;
}

/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.archive .post-item .box .box-text{
    padding: 10px
}

/*======================表单=======================*/
/*按钮-表单-圆角*/
.ff-default .ff_btn_style {
    border-radius: 4px !important;
    padding: 0;
    margin-bottom: 0;
}

/*======================字体版式=======================*/
/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{

}

/* 标题字体修改 */
h1, h2, h3, h4,.fs{
   
}



/*面包屑*/
.breadcrumbs .divider, .breadcrumbs .separator{
   font-family: auto;
}



/*导航条字重*/
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a{
    
}



/*平板电脑及以下*/
@media (max-width: 849px) {
   .icon-title h2{
	font-size:18px;
}
}

/*仅限移动设备*/

/*按钮*/
@media (max-width: 549px) {
    .xs-btn {
      transform: scale(.8); /* 缩放到原来的2倍 */
    }
	.icon-title h2{
	font-size:20px;
}
}



/*无缝滚动logo*/
.logo-list img {
   max-width: 140px
}
.logo-list .swiper-wrapper{
    height: 140px;
 }

.swiper-wrapper {
         -webkit-transition-timing-function: linear;
         -moz-transition-timing-function: linear;
         -ms-transition-timing-function: linear;
         -o-transition-timing-function: linear;
         transition-timing-function: linear;
}