/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html,
body {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
}

/* *{
     box-sizing: border-box !important;
} */

p {
    margin-block-end: 0;
}


.elementor-heading-title {
    font-weight: 300;
}


.v123-home-years .year {
    font-family: "SF Pro Text", "Helvetica Neue", sans-serif;
    font-feature-settings: "tnum";
    margin-right: 0.1em !important;
    font-weight: 300 !important;
} 

.v123-home-years .zh {
    font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
    font-weight: 300 !important;
    line-height: 2px !important;
}
/* 
    這個 class 是 Elementor 的 flexbox 基礎 class，
    用來設定 flexbox 的寬度為 auto，
    這樣可以讓 flexbox 的子元素自動適應內容的寬度。
*/
/* .elementor-element.e-flexbox-base{
    width: auto;
} */

/**
 * Elementor 導覽選單下拉背景顏色
 * 這將覆蓋下拉選單的預設背景顏色。
 */
.elementor-nav-menu--dropdown {
    background-color: initial;
}

.elementor-nav-menu--dropdown:hover {
    background-color: initial;
}

.elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: initial;
}


.change-logo-color {
    min-width: 5rem !important;
}


/* body.category-news .v123-social-icon-area,
body.v123-page-root:not(.v123-page-zhonghe):not(.v123-page-sanzhi) .v123-social-icon-area {
    display: none !important
} */






body.home .footer-copyright {
    color: #fff !important
}

body.home .header-home-logo img,
body.v123-page-zhonghe .header-home-logo img,
body.v123-page-sanzhi .header-home-logo img {
    margin-top: -0.5rem !important;
}

body.home .header-home-logo img {
    content: url("https://media.v123.tw/ibeautifullife.com.tw/v123-tw-a67e34810166838d4869043655c4c1cc.svg") !important;
}

/* 中和館 */
body.category-zhonghe .v123-banner-color-line .elementor-element,
body.v123-parent-page-zhonghe-classes .v123-banner-color-line .elementor-element,
body.v123-parent-page-zhonghe-rooms .v123-banner-color-line .elementor-element,
body.v123-parent-page-zhonghe .v123-banner-color-line .elementor-element {
    background-color: var(--e-global-color-f33973d) !important;
}

/* 三芝館 */
body.category-sanzhi .v123-banner-color-line .elementor-element,
body.v123-parent-page-sanzhi .v123-banner-color-line .elementor-element {
    background-color: var(--e-global-color-daa2c21) !important;
}


/* 價目表 電腦 */
body[data-elementor-device-mode="desktop"] .v123-price-table th:first-child,
body[data-elementor-device-mode="desktop"] .v123-price-table td:first-child {
    border-left: none !important;
}

body[data-elementor-device-mode="desktop"] .v123-price-table th:last-child,
body[data-elementor-device-mode="desktop"] .v123-price-table td:last-child {
    border-right: none !important;
}

body[data-elementor-device-mode="desktop"] .v123-price-table tr:last-child td {
    border-bottom: none !important;
}


/* 價目表 手機 */
/* 僅在 Elementor 手機模式下生效 */
body[data-elementor-device-mode="mobile"] .uael-table {
    border-collapse: separate !important;
    border-spacing: 0 1rem !important;
    /* 水平間距 0、垂直間距 1rem */
}

body[data-elementor-device-mode="mobile"] tr th,
body[data-elementor-device-mode="mobile"] tr td {
    padding: 0.5rem 0 !important;
    border: none !important;
}

body[data-elementor-device-mode="mobile"] .uael-table-body-cell-text span.uael-table__text {
    padding: 0.5em;
}

body[data-elementor-device-mode="mobile"] tr td div,
body[data-elementor-device-mode="mobile"] tr td span {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
}

body[data-elementor-device-mode="mobile"] div.responsive-header-text {
    border: none !important;
    padding: 0 !important;
}

body[data-elementor-device-mode="mobile"] .uael-table-wrapper table[data-responsive=yes] tbody tr .uael-table-body-cell-text {
    margin-top: 0 !important;
}

body[data-elementor-device-mode="mobile"] tr.uael-table-row {
    border-radius: 1rem !important;
    overflow: hidden !important;
}

body[data-elementor-device-mode="mobile"] td:not(:last-child).uael-table-col>div,
body[data-elementor-device-mode="mobile"] td:not(:last-child).uael-table-col>span {
    border-bottom: 1px solid var(--e-global-color-daa2c21) !important;
}

body[data-elementor-device-mode="mobile"] td.uael-table-col>div {
    border-right: 1px solid var(--e-global-color-daa2c21) !important;
}

body.v123-page-zhonghe-rooms td.uael-table-col>div,
body.v123-page-zhonghe-rooms td.uael-table-col>span {
    border-color: #D69497 !important;
}


/* 圖片說明文字內嵌樣式 */
.v123-caption-inside figure.wp-caption {
    position: relative !important;
    overflow: hidden !important;
}

.v123-caption-inside figure.wp-caption .wp-caption-text {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0.5em 1em !important;
    color: var(--caption-color, #fff) !important;
    background-color: var(--caption-background, transparent) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-style: normal !important;
}

/* fix elementor v4 */
/* 跟屁蟲 =========================================  */

.elementor .v123-float-phone a,
.elementor .v123-float-phone svg,
.elementor .v123-float-phone img{
    width: 3rem !important;
    height: auto !important;
}

.elementor .v123-float-phone:nth-child(2){
    margin-top: 8rem !important;
}

.elementor .v123-float-phone:nth-child(2) img{
    width: 4rem !important;
}