/*
Theme Name:   Hello Elementor by CG, LLT
Theme URI:    https://github.com/elementor/hello-theme
Template:     hello-elementor
Author:       CG, LLT
Author URI:   https://elementor.com/
Description:  Hello Elementor by CG, LLT
Version:      25.06.18
Text Domain:  hello-elementor
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* ==================== Default ==================== */
html {font-size: 16px;/*1rem預設值，不受瀏覽器字型大小影響*/}
html,body {font-family:"LiHei Pro Medium","Apple LiGothic Medium","Taipei Sans TC Beta",'Noto Sans TC',"Microsoft JhengHei",'Quicksand';}
.CG_pos_fix {position:fixed !important;}
.CG_pos_abs {position:absolute !important;}
.CG_floatL {float:left;}
.CG_floatR {float:right;}
.CG_clear::after {content:""; display:table; clear:both; height:0px;}
.CG_clear {zoom:1;/*IE6+7*/}
.CG_bottomZero {padding-bottom:0 !important; margin-bottom:0 !important;}
.CG_pointeventFalse {pointer-events: none;}
.ATC_hide {visibility: hidden;}
.ATC_none {display: none;}
.ATC_overHide {overflow: hidden;}
.ta-R{text-align:right;} .ta-L{text-align:left;} .ta-C{text-align:center;}
.cssTable {display:table;}
.cssTable > dl, .cssTable > ul {display: table-row;}
.cssTable > dl > dt, .cssTable > dl > dd, .cssTable > ul > li {display: table-cell;}
.cssFlex {display:block;}
.cssFlex > dl, .cssFlex > ul {display: flex;  margin: 0;}
.cssFlex > ol {margin: 0; padding: 0;}
.cssFlex > ol > li {list-style: none; padding: 20px;}
.cssFlex > dl > dt, .cssFlex > dl > dd, .cssFlex > ul > li {
	display: block; margin: 0 auto; box-sizing: border-box; padding: 20px; border-bottom: 1px solid #aaa;
}
.line_over {overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;}
.line_over2 {overflow-x:hidden; text-overflow:ellipsis; white-space:wrap; height: 2.8em;}
.ATC_ver_lr {writing-mode: vertical-lr;}
.CGc {-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);}
.fullMask {width:100%; height:100vh; position:fixed; top:0; left:0; background:#fff; pointer-events: none; display:none; z-index:99999;}
.fullMask::after {
	content: ''; width: 100px; height: 160px; display: block; margin: calc(50vh - 80px) auto 0px;
	background: no-repeat 50% 50%; background-image: url(/wp-content/uploads/logo_truthontrails-full01.svg); background-size: contain;
	-webkit-animation: op 1s linear infinite alternate; -moz-animation: op 1s linear infinite alternate; -ms-animation: op 1s linear infinite alternate; -o-animation: op 1s linear infinite alternate; animation: op 1s linear infinite alternate;
}
.ATC_editList li {margin-bottom: 1.4em;}
.CG_anim {-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);}
.CG_filter-multiply,
.CG_filter-multiply > div {mix-blend-mode: multiply;}
.CG_scorll, .smooth_scorll {-webkit-overflow-scrolling:touch; -webkit-border-radius:3px; border-radius: 3px;}
.CG_scorll::-webkit-scrollbar {width:5px; -webkit-border-radius:3px; border-radius: 3px;}
.CG_scorll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.CG_scorll::-webkit-scrollbar-thumb {background-color:#999; outline: 1px solid #999;}
.post-password-form {/* 文章加密 */
	max-width:800px;
	margin:10vh auto;
	text-align:center;
}
.post-password-form label input {width:calc(100% - 4em); display:inline-block; margin-left:10px;}
.br_false_mb br {}
.br_false_pc br {display: none;}

@media only screen and (max-width: 768px) {.br_false_pc br {display: block;} .br_false_mb br {display: none;}}
.switchImage img {width: 100%; height: auto;} .switchImage img:first-child{display:block;} .switchImage img:last-child{display:none;}/*RWD Image*/
@media only screen and (max-width: 768px) {.switchImage img:first-child{display:none;} .switchImage img:last-child{display:block;}}

/* ============== Elementor ============== */
#case-livingmall-timeroll {}
.CG_timeTemplate {padding:10px 15px 20px 1.6em;}
.CG_timeTemplate > i:first-child {
	display: block; width: min-content; position: absolute; top: 20px; left: 0; z-index: 1;
	color: #fff; font-size: 0.9rem; font-weight: bold;
	transform: rotate(90deg);
}
.CG_timeTemplate::before {
	content: ""; display: block; width: 0px; height: 0px; position: absolute; top: 0px; left: 3px; z-index: 1;
	border-style: solid; border-width: 14px 8px 0 8px; border-color: #FFFFFF transparent transparent transparent;
	transform: rotate(0deg);
}
.CG_timeTemplate::after {
	content: ""; display: block; clear: both; width: 1.4em; height: 100%; position: absolute; top:0; left: 0; z-index: -1;
	background: rgba(171,126,0,1); 
}
.CG_timeTemplate:nth-child(5n+2):after {background: rgba(0,141,154,1);}
.CG_timeTemplate:nth-child(5n+3):after {background: rgba(96,97,176,1);}
.CG_timeTemplate:nth-child(5n+4):after {background: rgba(96,96,96,1);}
.CG_timeTemplate:nth-child(5n):after {background: rgba(176,97,176,1);}

#case-livingmall-timeroll .CG_timeTemplate .elementor-widget-heading p.elementor-heading-title {
	font-style: italic; font-size: 1rem; font-weight: 600; display: inline-block; width: 100%; text-align: left; padding-left: 10px; letter-spacing: 1px;}
.CG_timeTemplate .elementor-widget-heading p::after {
	content: ""; display: block; width: calc(100% + 1em); height: 1px; background-color: #aaa; margin-left:calc(-0.2em - 10px);}
#case-livingmall-timeroll .CG_timeTemplate .elementor-widget-heading h3.elementor-heading-title {font-size: 2.4rem; margin-top: -0.5em; padding-left: 10px;}
.CG_timeTempCont {position: relative;}
body:not(.elementor-editor-active) div.elementor .CG_timeTempCont {
	overflow:hidden; height: 5em;
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
}
body:not(.elementor-editor-active) div.elementor .CG_timeTemplate.active .CG_timeTempCont {height: max-content;}
body:not(.elementor-editor-active) div.elementor .CG_timeTempCont::after { /* 漸層遮罩 */
	content: ""; display: block; clear: both; width: 100%; height: 5em; position: absolute; bottom: 0;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
}
body:not(.elementor-editor-active) div.elementor .CG_timeTemplate.active .CG_timeTempCont::after {height: 0px;}

.CG_timeTemplate .CG_timeTempTxt {}
.CG_timeTemplate a.view-fulltext,
.CG_timeTemplate a.open-fulltext {
	display: inline-block; font-size: 0.9rem; color: white; background-color: rgba(169,168,168,1); 
	padding: 5px 1.5em; margin: 0px 0px 0px auto; border-radius: 8px;
}
.CG_timeTemplate a.view-fulltext:hover,
.CG_timeTemplate a.open-fulltext:hover {color: #ffb800; background-color: rgba(96,96,96,1)}
.CG_timeTemplate a.open-fulltext::before {
	content: "展開內容"; display: block; width: 100%; height: 100%; font-size: 0.9rem; color: white;
}
.CG_timeTemplate.active a.open-fulltext::before {content: "收合區塊";}
.CG_timeTemplate a.open-fulltext:hover {}

/* Pop Up */
.custom-popup {
	position: fixed; top: 0; left: 0; width: 100%; height: 100vh; top: 0; left: 0; z-index: 10002;
	opacity: 0; pointer-events: none; display: flex;
	background-color: rgba(0,0,0,0.8); justify-content: center; align-items: center;
	color: #fff; font-size: 1.2em;
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
}
.custom-popup.active {
	opacity: 1; pointer-events: auto;
}	
.custom-popup .popup-content {
	width: 90%; max-width: 1200px; max-height: 90vh; overflow-y: scroll; padding: 30px; box-sizing: border-box;
	border-radius: 12px; border: #aaa; background-color:#ececec; box-shadow: #aaa 0px 0px 10px;
}
.custom-popup .popup-content .popup-text figure {margin: 0;}
i.popup-close {width: 50px; height: 50px; display: block; cursor: pointer; position: relative; margin: -25px 0px 0px auto;}
i.popup-close:hover {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
i.popup-close::before,
i.popup-close::after {
	content: ''; display: block; width: 100%; height: 1px;
	background: #434343; position: absolute; top: 25px;
}
i.popup-close::before {
	margin-top:0%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
i.popup-close::after {
	margin-top:0%; -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);
}
/* body.postid-230 .dialog-type-lightbox {z-index: 10003;} */


/* ==================== Header ==================== */
.elementor-location-header {} /*Header Elementor Container*/
#CG_header {}
#CG_header.action {background-color: rgba(255,255,255,0.9) !important }
#CG_header { transition:background-color 1s ease !important; }
/* #CG_header.elementor-sticky--effects >.elementor-container { min-height: 80px; }
#CG_header > .elementor-container {transition: min-height 1s ease !important; } */
header .elementor-sticky {
	top: 0 !important;
    --transition: .3s ease-in-out;
    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
#LL_menuToggle {position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px;}
#LL_menuToggle i {background-color:#FFFFFF;
	display:block; width:80%; height:1px;
	position:absolute; left:10%; top:50%;
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);}
#LL_menuToggle i:nth-child(1) {margin-top:-20%;}
#LL_menuToggle i:nth-child(3) {margin-top:20%;}
#LL_menuToggle.active i:nth-child(1) {
	margin-top:0%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
#LL_menuToggle.active i:nth-child(3) {
	margin-top:0%; -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);
	}
#LL_menuToggle.active i:nth-child(2)  {opacity:0;}

.menu_popMain .menu_popList {}

#menuPop-defaultMenu li.menu-item ul.sub-menu {min-width: max-content !important;}

/* Menu Toggle */
.elementor-menu-toggle {width:40px; height:40px; position:relative; outline: none;}
.elementor-menu-toggle::before,
.elementor-menu-toggle::after,
.elementor-menu-toggle .eicon-menu-bar::after {
	background-color:#222; /* Nav color */
	content:''; display:block; width:80%; height:2px;
	position:absolute; left:10%; top:50%;
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
}
.elementor-menu-toggle::before {margin-top:-20%;}
.elementor-menu-toggle::after {margin-top:20%;}
.elementor-menu-toggle .eicon-menu-bar::after {}
.elementor-menu-toggle .eicon-close:before,
.elementor-menu-toggle .eicon-menu-bar:before{display:none;} /* Default Nav icon */
.elementor-menu-toggle.elementor-active {} /* Nav active */
.elementor-menu-toggle.elementor-active::before {
	margin-top:0%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.elementor-menu-toggle.elementor-active::after {
	margin-top:0%; -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);
}
.elementor-menu-toggle.elementor-active .eicon-menu-bar::after  {opacity:0;}

/* Menu Toggle End */


/* ==================== Footer ==================== */
#CG_footer {}
.backTop {} /* js handler */
#CG_powered a:hover {color:#999;}

/* Loading */
body.elementor-editor-active .LL_loadPad {display:none !important;} /* Elementor 模式隱藏 */
.LL_loadPad {width:100vw; height:100vh; top:0; left:0; position:fixed !important;}
.LL_loadPic {-webkit-animation: op 1s linear infinite alternate; -moz-animation: op 1s linear infinite alternate; -ms-animation: op 1s linear infinite alternate; -o-animation: op 1s linear infinite alternate; animation: op 1s linear infinite alternate;}

@-webkit-keyframes op{
	from{opacity:0.2;} to{opacity:1;}
}
@keyframes op{
	from{opacity:0.2;} to{opacity:1;}
}

@media only screen and (max-width:720px){
    .social_linePad {padding-left:0px;}
}


@media only screen and (max-width:768px){    
	.CG_timeTemplate {}
	#case-livingmall-timeroll .CG_timeTemplate .elementor-widget-heading p.elementor-heading-title {width: 100%;}
	#case-livingmall-timeroll .CG_timeTemplate .elementor-widget-heading h3.elementor-heading-title {font-size: 2rem;}
	.CG_timeTempCont {}
	.CG_timeTempTxt {}
	.custom-popup .popup-content {padding: 10px;};
}

/* 管理者登入: 前台上方控制 bar 移到下方。 需搭配 add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) ); */
#wpadminbar {
	top: auto; bottom:0px;	background:rgba(0,0,0,0.6); position: fixed;
}
.ab-sub-wrapper {
	top:auto; bottom:32px;
}

#AT_stickyHeader.elementor-sticky--active {top: 0px !important;}