/* Theme Color CSS  */
:root {
	 /* Background */
	--thm-bg: #F7F4EE;
	--thm-bg-rgb: 247, 244, 238;
	--thm-bg-soft: #ECE7DE;
	--thm-bg-soft-rgb: 236, 231, 222;
	--thm-surface: #FFFFFF;
	--thm-surface-rgb: 255, 255, 255;
	
	/* Text */
	--thm-text: #151719; /* +Footer背景 */
	--thm-text-rgb: 21, 23, 25;
	--thm-text-body: #3D3D3A;
	--thm-text-body-rgb: 61, 61, 58;
	--thm-text-muted: #77736B;
	--thm-text-muted-rgb: 119, 115, 107;
	
	 /* Brand */
	--thm-primary: #1F4E4A;
	--thm-primary-rgb: 31, 78, 74;
	--thm-primary-hover: #2F7D78;
	--thm-primary-hover-rgb: 47, 125, 120;
	
	 /* Accent */
	--thm-accent: #C46A3A;
	--thm-accent-rgb: 196, 106, 58;
	--thm-accent-soft: #E6A15F;
	--thm-accent-soft-rgb: 230, 161, 95;
	
	/* 工藝銅綠 */
	--thm-craft-beige: #f7f1e7;
	--thm-craft-orange: #c96532;
	--thm-craft-green: #1e6d69;
	--thm-craft-yellow: #e7b95e;
	--thm-craft-beige-rgb: 247, 241, 231;
	--thm-craft-orange-rgb: 201, 101, 50;
	--thm-craft-green-rgb: 30, 109, 105;
	--thm-craft-yellow-rgb: 231, 185, 94;
	
	/* Other */
	--thm-border: #D8D1C5;
	--thm-border-rgb: 216, 209, 197;
	
	
}

/*** LSDESIGN ***/

/* 背景米 */
.banner-section .swiper-slide:before, .latest-news, .footer-bottom, .header-style-two .sticky-header, .bg-thm-bg{
	background: var(--thm-bg);
}

/* 背景深米 */
.about-section .image-wrapper .text-three{
	color: var(--thm-bg-soft);
}
.cub-type-block, .footer-bottom .logo{
	background: var(--thm-bg-soft);
}

/* 純白 */
.about-widget .text, .links-widget ul li a, .main-footer .widget-title, .what-we-do .sec-title h2, .what-we-do .what-we-do-block h4, .contact-widget ul li a, .contact-widget ul li, .bg-thm-bg.active a, .bg-thm-bg:hover a{
	color: var(--thm-surface);
}
.cub-type-block:hover .cub-cursor{
	background: var(--thm-surface);
}

/* 文字黑 */
a:hover, a, h1, h2, h3, h4, h5, h6, .sticky-header .main-menu .navigation>li>a, .about-section .text-three, .banner-slider-pagination.style-two .swiper-pagination-bullet:after, .cub-typing-wrap, .project-block h4 a, .footer-bottom .text, .footer-bottom .text a{
	color: var(--thm-text);
}
.banner-slider-pagination.style-two .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .what-we-do, .main-footer, .cub-type-block:hover .cub_btn span{
	background: var(--thm-text);
}
.cub_btn span{
	border: 1px solid var(--thm-text);
}

/* 文字深灰 */
body, .text, .cub-sub-text{
	color: var(--thm-text-body);
}
.cub-typing-wrap::before, .cub-sub-text::before, .cub-cursor{
	background: var(--thm-text-body);
}
.grid-line .line-one.dark, .grid-line .line-two.dark{
	background: rgb(var(--thm-text-body-rgb));
}
.grid-line.dark{
	border-left: 1px solid rgb(var(--thm-text-body-rgb));
    border-right: 1px solid rgb(var(--thm-text-body-rgb));
}

/* 文字淺灰 */
.project-block .category, .con_list p{
	color: var(--thm-text-muted);
}

/* 主色深綠 */
.banner-section .content-box h4, .about-section .text-two, .about-section-three .text-two, .projects-section .project-block h4,  .projects-section .project-block h4 a, .footer-bottom .social-links li a, .fc-thm-primary{
	color: var(--thm-primary) !important;
}
.header-upper .sidemenu-nav-toggler, .banner-widget .banner-size, .bg-thm-bg.active, .bg-thm-bg:hover{
	background: var(--thm-primary);
}

/* 主色淡綠 */
.what-we-do-block .count, .contact-widget ul li .con_list i, .main-footer .social-links a{
	color: var(--thm-primary-hover);
}

/* 強調磚橘 */
.sec-title .sub-title, .sec-title .sub-title span, .links-widget ul li, .links-widget ul li a:hover, .news-block .post-meta .category, .contact-widget ul li a:hover, .sticky-header .main-menu .navigation>li>a:hover, .main-menu .navigation>li>a:hover, .page-title .breadcrumb li:last-child, .pd_list.links-widget ul li a, .fc-thm-accent{
	color: var(--thm-accent) !important;
}
.header-upper .sidemenu-nav-toggler:hover{
	background: var(--thm-accent);
}

/* 強調淺橘 */
.cub-type-block:hover .cub-typing-wrap, .cub-type-block:hover .cub-sub-text, .cub-type-block:hover .cub_btn span, .cub-type-block:hover .cub_btn span, .scroll-to-top, .main-footer .widget .widget-title, .footer-bottom .social-links li a:hover, .main-footer .social-links a:hover{
	color: var(--thm-accent-soft);
}
.what-we-do-block .icon img{
	filter: invert(73%) sepia(39%) saturate(1120%) hue-rotate(337deg) brightness(95%) contrast(89%);
}

/* 線段咖米 */
.banner-slider-pagination.style-two .swiper-pagination-bullet:before{
	background: var(--thm-border);
}
.grid-line .line-one, .grid-line .line-two{
	background: rgba(var(--thm-border-rgb), .5);
}
.grid-line{
	border-left: 1px solid rgba(var(--thm-border-rgb), .5);
    border-right: 1px solid rgba(var(--thm-border-rgb), .5);
}

/* 綜合設定 */
.main-header .header-upper{
	background: var(--thm-bg); /* 背景米 */
	border-bottom: 1px solid var(--thm-border); /* 線段咖米 */
}

.theme-btn{
	background: var(--thm-primary); /* 主色深綠 */
	color: var(--thm-surface); /* 純白 */
	border-color: var(--thm-primary); /* 主色深綠 */
}

.theme-btn:hover, .page-pagination li.active a, .page-pagination li a:hover {
	background: var(--thm-accent); /* 強調磚橘 */
	color: var(--thm-surface); /* 純白 */
	border-color: var(--thm-accent); /* 強調磚橘 */
}

.theme-btn:before {
	background: var(--thm-accent); /* 強調磚橘 */
}
.features-section, .sidebar .categories .categories_list ul li a{
	background-image: linear-gradient( 90deg, rgba(var(--thm-surface-rgb),0) 0%, rgb(var(--thm-bg-soft-rgb)) 100%); /* 純白→背景深米 */
}

.cub-type-block, .blog-single-post blockquote{
	background-color: var(--thm-bg); /* 背景米 */
}

.scroll-to-top{
	border: 1px solid var(--thm-accent); /* 強調磚橘 */
	color: var(--thm-accent); /* 強調磚橘 */
	background: none;
}

.scroll-to-top:hover{
	color: var(--thm-surface); /* 純白 */
	background: var(--thm-accent); /* 強調磚橘 */
}

.latest-news .shape-two, .contact_lay .shape-two{
	background-image: linear-gradient( 45deg, rgba(var(--thm-text-rgb),0) 0%, rgb(var(--thm-bg-soft-rgb)) 100%); /* 文字黑→背景深米  */
}

.feature-block .inner-box, .team-details .info-block .icon-box, .sidebar .categories .categories_list ul li .total-post{
	background: var(--thm-craft-yellow); /* 工藝銅綠-黃 */
}

.feature-block ul li{
	color: var(--thm-craft-yellow); /* 工藝銅綠-黃 */
}

.feature-block .overlay:before{
	background: var(--thm-craft-green); /* 工藝銅綠-綠 */
}