/*
 Theme Name:   Famax Việt Nam
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
  --primary-color: #175953;
  --y-color: #ffad1f;
  --second-color: #f3b321;
  --three-color: #921935;
  --hover-button-color:#8DA2F6;
  --dark-color: #191919;
  --gray-color: #394745;
  --black-color: #002620;
  --navy-color: #192a56;
  --navy-cream-color: #fffcf3;
  --maroon-color: #5a0616;
  --cream-color: #f9f1e6;
  --green-color: #176268;
  --coffee-color: #684A36;
  --beige-color: #f3efe6;
  --denim-color: #7D9ABA;
  --gray-light-color: rgba(57, 71, 69, 0.8);
  --white-color: #fff;
  --success-color: #1f8b24;
  --success-light-color: #d9fadb;
  --processing-color: #4c8deb;
  --processing-light-color: #dbe5f3;
  --warning-color: #ffab49;
  --warning-light-color: #ffedd6;
  --danger-color: #dc1f26;
  --danger-light-color: #fde2e3;
  --gradient-effect-1: linear-gradient(
          320.68deg,
          #027a6c -14.11%,
          #18c19f 104.28%
  );
  --shadow-effect-1: 0px 0px 16px rgba(0, 0, 0, 0.1);
  --shadow-effect-2: 0px 0px 32px rgba(0, 0, 0, 0.1);
  --shadow-effect-3: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-effect-4: 0px 0px 16px rgba(0, 0, 0, 0.15);
  --spacing: 8px;
}
.woocommerce-checkout .woocommerce-shipping-fields {margin: 20px 0 0 !important;}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {font-weight: 500 !important;}
li#wp-admin-bar-editor_mode, li#wp-admin-bar-aiosrs {display: none;}
.noti-bellow-checkout-button {color: red; padding-top: 1rem;}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {display: none;}
.ft-toc-main {padding: 10px 5px !important;}
th, td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em;
}
article.page.type-page {
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 30px;
}
article.page.type-page a, .brxe-product-content a, .brxe-product-short-description a {
    color: var(--primary-color);
}
.page.type-page h1 {
    margin-bottom: 20px;
	margin-top: 20px;
    text-align: center;
}
.page.type-page h2 {
    margin-bottom: 10px;
}
.term-description {text-align: justify;}

button, input, optgroup, select, textarea {font-family: "SVN-Poppins" !important;}
:root .bricks-button[class*="primary"] {
    font-family: "SVN-Poppins" !important;
    font-weight: 500 !important;
}
#reviews #review_form_wrapper {
    margin-top: 10px !important;
}
.wp-block-button__link {background-color: var(--second-color);}
.wc-block-grid__products h2 {text-align: center;}
.woocommerce .button {font-weight: 500 !important;}
.bricks-archive-title-wrapper {
    margin: 20px auto;
    padding-left: 15px;
    padding-right: 15px;
}
.bricks-archive-title-wrapper .title {
    font-size: 23px;
}
table {margin-top: 10px; margin-bottom: 10px;}
.radio__chon-loai-tai-khoan .wcpa_field { display: flex !important;}
.wcpa_form_outer {margin: 0 0 0 0 !important;}
input.wcpa_field {font-size: 13px !important;}
.brxe-nav-menu .bricks-nav-menu .current-menu-item > a, .brxe-nav-menu .bricks-nav-menu .current-menu-item > .brx-submenu-toggle{text-decoration: none !important;}

/*Woocommerce style*/
.woocommerce-message {font-size: 13px;}
.wp-block-woocommerce-checkout {width: 100%; padding-left: 10px; padding-right: 10px;}
.wc-block-components-sidebar-layout .wc-block-components-main {padding-right: 30px;}
.wc-block-components-sidebar {padding-left: 10px;}
.woocommerce-mini-cart {padding: 10px;}
.variations td.value {display: flex; align-items: center;}
.showcoupon {
    text-decoration: none !important;
    Padding: 5px 10px;
    Background: var(--y-color);
    Border-radius: 8px;
}
.woocommerce-info {
    background-color: var(--cream-color) !important;
    color: var(--green-color) !important;
    padding: 5px 15px !important;
}
.showlogin {font-size: 12px;}
.woocommerce-checkout .place-order .button {text-transform: uppercase;}
.woocommerce-info a:hover {background: var(--y-color) !important; padding: 5px; border-radius: 5px;}
.woocommerce-checkout .shop_table td.product-name, .woocommerce-checkout .shop_table td.product-total {
    font-size: 15px;
    color: var(--green-color);
    font-weight: 600;
}
.fa-product-sidebar .woocommerce .button {
    background-color: var(--primary-color);
    color: var(--cream-color);
    width: 100%;
    border-radius: 8px;
}
.woocommerce-checkout .shop_table td, .woocommerce-checkout .shop_table th {padding: 10px !important;width: 73% !Important;}
.woocommerce-checkout .shop_table thead tr th {border: solid 1px var(--bricks-border-color) !important;}
.woocommerce-checkout .shop_table tbody tr:last-child td {border: solid 1px var(--bricks-border-color) !important;}
.woocommerce-checkout .shop_table tfoot tr th {border: solid 1px var(--bricks-border-color) !important;}
.woocommerce-checkout .shop_table tfoot tr td {border: solid 1px var(--bricks-border-color) !important;}
.input, input:not([type=submit]), select, textarea {border-radius: 6px;}
.woocommerce-billing-fields__field-wrapper, .woocommerce-checkout-review-order, .woocommerce-checkout {margin-top: 15px;}
.woocommerce-checkout-payment .button {background-color: var(--green-color) !important; color: white !important;}
.woocommerce-checkout-payment .button:hover {background-color: var(--y-color) !important;}
.woocommerce-checkout .place-order .button {line-height: 39px !important; border-radius: 10px;}
.woocommerce-notices-wrapper .woocommerce-message a {background-color: var(--y-color) !important; border-radius: 8px;}
.woocommerce-notices-wrapper .woocommerce-message {padding: 5px 15px !important;}
.brxe-woocommerce-mini-cart .cart-detail li a {font-size: 14px !important; font-weight: 600 !important;}
/* CSS giỏ hàng */
.cart-collaterals .wc-proceed-to-checkout .button {
    line-height: 35px !important;
    background: var(--y-color);
    color: var(--dark-color);
    border-radius: 8px;
    width: 100%;
}
.cart-collaterals .wc-proceed-to-checkout .button:hover {background: var(--green-color); color: var(--cream-color);}
.woocommerce-cart-form .coupon .button {
    background: var(--green-color);
    color: var(--cream-color);
    border-radius: 5px;
}
.cart-collaterals table tbody th {padding: 10px 10px !important; width: 25%;}
.cart-collaterals table tbody td {padding: 10px 10px !important;}
.cart_totals .shop_table tbody tr th {border: solid 1px var(--bricks-border-color); !important;}
.cart_totals .shop_table tbody tr td {border: solid 1px var(--bricks-border-color); !important;}
.woocommerce-shipping-destination {display: none;}
form.woocommerce-shipping-calculator {display: none;}
ul.woocommerce-shipping-methods li {margin-bottom: 5px !important;}

@media (min-width: 768px){
	/*.woocommerce-checkout #order_review {width: 46% !important;} */
	.woocommerce-checkout #customer_details {margin-right: 2% !important; /*width: 52% !important;*/}
	.cart-collaterals {width: 100% !important;}
	form.checkout.woocommerce-checkout .col-2 {padding-top: 10px !important;}
	div#order_review {box-shadow: 0px 0px 3px 2px #65656530; border-radius: 10px; padding: 8px;}
}
@media (max-width: 767px){
	.woocommerce-notices-wrapper .woocommerce-message a {font-size: 12px;}
	.woocommerce-info {font-size: 13px; padding: 10px;}
	.woocommerce-checkout {padding-left:10px; padding-right:10px;}
	.woocommerce-checkout #payment {padding: 10px !important;}
	.woocommerce-breadcrumb {margin-bottom: 15px;}
	.woocommerce .form-row-last {margin-top: 15px;}
	.woocommerce .form-row-wide {margin-top: 10px;}
	td.product-remove {
		position: absolute;
		color: #fff;
		padding: 10px !important;
	}
	.woocommerce-cart-form {margin-left: 10px !important; margin-right: 10px !important;}
	.cart-collaterals {padding-left:10px; padding-right:10px;}
	.woocommerce-checkout .woocommerce-shipping-fields {margin: 30px 0 0 !important;}
	.single-product .summary {padding-left: 10px; padding-right: 10px;}
	.single-product .summary .woocommerce-product-details__short-description {margin-bottom: 15px !important;}
	/*form.cart .quantity, form.woocommerce-cart-form .quantity {width: 150px !important;} */
	.woocommerce-product-gallery {padding-left: 5px; padding-right: 5px;}
	.woocommerce-tabs .panel {padding: 10px !important;}
}
@media (max-width: 767px){
	.showcoupon {font-size: 12px !important;}
	.showlogin {font-size: 11px !important;}
	form.woocommerce-form.woocommerce-form-login.login {font-size: 13px;}
}