/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      2.1
 Text Domain:  bricks
*/

/* 移除整個網站所有元素的點擊高亮色 */
* {-webkit-tap-highlight-color: transparent !important; tap-highlight-color: transparent !important;}
/* 針對特定瀏覽器 */
html, body, div, a, button, li, span, .menu-item, .brs-dropdown { -webkit-tap-highlight-color: transparent !important; -moz-tap-highlight-color: transparent !important; tap-highlight-color: transparent !important;}

/** Custom **/
code {color: #ffffff; background-color: #363132; padding: 2px 6px; letter-spacing: 0; border-radius: 3px; margin: 0 2px; font-size:0.8em; vertical-align: text-bottom;}
.message {border-radius: 5px}
.message .text { padding: 12px; line-height: 1.3; font-size: 0.9em;}
.brxe-post-content ul, .brxe-post-content ol, .brxe-text ul, .brxe-text ol {padding-left:22px}
.brxe-post-content h1, .brxe-post-content h2, .brxe-text h1, .brxe-text h2 { margin-bottom:15px }
.brxe-post-content h3, .brxe-post-content h4, .brxe-post-content h5, .brxe-post-content h6, .brxe-text h3, .brxe-text h4, .brxe-text h5, .brxe-text h6 { margin-bottom:8px }
.brxe-post-content p, .brxe-text p { margin-bottom:20px }
.brxe-post-content table, .brxe-post-content table td, .brxe-post-content table th { border: 1px solid !important; padding:5px !important}
.brxe-post-content table td {text-align: center}
.brxe-post-content table td:first-child {text-align: left}
.brxe-post-content table th { background-color:var(--color-primary); color:var(--color-primary-light);}
.brxe-post-content table { width: 100%; border-collapse: collapse; margin-bottom: 30px}
.brxe-post-content a, .faq-wrapper a { color:var(--color-secondary-l-2) }
.brxe-post-content img {border-radius:8px}
.brxe-post-content h1:first-child, .brxe-post-content h2:first-child, .brxe-post-content h3:first-child, .brxe-post-content h4:first-child { margin-top:0px }
.brxe-post-content h2 { font-size: 32px}
.brxe-post-content h3 { font-size: 26px}
.brxe-post-content h4 { font-size: 21px}
.brxe-post-content h5 { font-size: 17px}
.brxe-post-content pre {margin-bottom:30px}
.brxe-post-content ul li, .brxe-post-content ol li {margin-bottom:8px}
.brxe-post-content ul, .brxe-post-content ol {margin-bottom:30px}
.brxe-post-content ul li img, .brxe-post-content ol li img { margin-top:10px }
.brxe-post-content blockquote { background: #f7f7f7; width: 100%; margin-bottom: 1.2em; padding: 1em !important; color: #797C80; font-size: 16px; border-left-style:none; border-radius: 5px;}
.brxe-post-content blockquote:before {content: "“"; display: block; font-size:70px; line-height:70px; color: var(--color-primary); height: 35px;}
.brxe-post-content blockquote p { margin-bottom:0px }
.text-link-none, .text-link-none a { border-bottom:0 !important; color:#363636 !important }
.wp-block-button__link {    width: auto !important;
    background-color: var(--color-secondary-l-2);
    color: var(--color-secondary-l-5) !important;
    border: 0px;
    border-radius: 99px !important;
    text-wrap: nowrap;
    padding: 10px 25px;}

/**Woo - Checkout v2 Country/Region Select Label Text Problem **/
.woocommerce-checkout.bricks-floating-label .brxe-woocommerce-form-field:has(.input-text,select,.select2-container)>label, 
.woocommerce.bricks-floating-label .brxe-woocommerce-form-field:has(.input-text,select,.select2-container)>label, 
.brx-wc-account-page-v2--edit-address.bricks-floating-label .brxe-woocommerce-form-field:has(.input-text,select,.select2-container)>label, 
.brxe-woocommerce-account-page-v2.bricks-floating-label .brxe-woocommerce-form-field:has(.input-text,select,.select2-container)>label 
{top: var(--brx-label-float-y) !important;transform: translateY(0) scale(.75) !important;}

/** Checkbox & Radio **/
.options-wrapper{ list-style-type: none; margin: 0; padding: 0;}
.options-wrapper label { display: inline-block; cursor:pointer; line-height:1 }
.options-wrapper input[type=checkbox], .options-wrapper input[type=radio]{ margin: initial; padding: initial; position: relative; top: 2px; margin-right:3px; border: 0px;}


@media (max-width: 767px) {
.brxe-post-content h2 {font-size: 28px}
.brxe-post-content h3 {font-size: 22px}
.brxe-post-content h4 {font-size: 19px}
.brxe-post-content h5 {font-size: 16px}
}