/*
 Theme Name:   CSMB.COM.VN
 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
*/

.layout-default .bricks-post-header {margin-bottom: 15px;}
.wp-caption {padding: 0;}
.wp-block-image, .wp-block-video, figcaption, figure {margin: 0.5em 0;}
.layout-default .brxe-post-author {display: none;}
.layout-default .bricks-post-header .brxe-post-meta {display: none;}
.layout-default .bricks-post-meta-wrapper {padding: 10px !important; margin: 30px 0 15px !important;}
.layout-default .bricks-post-meta-wrapper .bricks-button {text-transform: capitalize; border-radius: 5px; font-size: var(--text-s);}
.layout-default .brxe-post-comments {margin-top: 20px; display: none;}
.brxe-related-posts {padding-bottom: 30px; padding-top: 15px;}
/* :where(p) {margin: 0;} */
.single-product-price :where(p) {margin: 0 !important;}
.layout-default .brxe-related-posts .post-content h3 {font-size: var(--h4) !important;}
.layout-default .brxe-post-navigation {margin-top: 10px !important; padding-bottom: 30px !important;}
.input, input:not([type=submit]), select, textarea {padding: 0 5px;}
/*Woocommerce style*/
.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;}
a.showcoupon {
    text-decoration: none !important;
    border: 1px solid var(--accent-ultra-light);
    Padding: 10px;
    Background: var(--action);
    color: var(--action-ultra-light);
    Border-radius: 8px;
}
.woocommerce-checkout .shop_table td.product-name, .woocommerce-checkout .shop_table td.product-total {
    font-size: 15px;
    color: #f48220;
    font-weight: 600;
    font-style: italic;
}
.woocommerce-info a:hover {background: var(--action-ultra-light) !important;}
.woocommerce-checkout .shop_table td, .woocommerce-checkout .shop_table th {padding: 10px !important;width: 73% !Important;}
.woocommerce-checkout .shop_table tbody tr:last-child td {border: dashed 1px var(--bricks-border-color) !important;}
.woocommerce-checkout .shop_table tfoot tr th {border: dashed 1px var(--bricks-border-color) !important;}
.woocommerce-checkout .shop_table tfoot tr td {border: dashed 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 .woocommerce-shipping-fields {margin: 30px 0 0 !important;}
.woocommerce-checkout-payment .button {background-color: var(--accent) !important; color: var(--accent-ultra-light) !important;}
.woocommerce-checkout-payment .button:hover {background-color: var(--primary) !important;}
.woocommerce-checkout .place-order .button {line-height: 39px !important; border-radius: 10px;}
.cart-collaterals .wc-proceed-to-checkout .button {
    line-height: 40px !important;
    background: #e75125;
    color: #fff;
    border-radius: 8px;
    width: 100%;
}
.woocommerce-cart-form .coupon .button {
    background: #176268;
    color: #fff;
    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-message {margin: 15px 0px 15px 0px;}
@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;}
	.woocommerce-checkout .woocommerce-shipping-fields {margin: 90px 0 0 !important;}
	form.checkout.woocommerce-checkout .col-2 {padding-top: 10px !important;}
}
@media (max-width: 767px){
	.woocommerce-checkout {padding-left:5px; padding-right:0px;}
	.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;}
}
@media (max-width: 360px){
	a.showcoupon {font-size: 12px !important;}
}
/*Woocommerce style_END*/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	form.cart {display: inline-flex; padding-top:10px; gap: 10px;}
}
/* Medium devices (landscape tablets, 550px and up) */
@media only screen and (min-width: 550px) {
	.bottom-contact{display:none}
	
} 
/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 549px){
.btn_add-to-cart-single form.cart {display: inline-flex; gap: 15px;}
/* Contact menu for mobile*/
 .bottom-contact {
    display: block !important;
    position: fixed !important;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
}
.bottom-contact ul li {
    margin-bottom: 5px;
    width: 25%;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 13px;
}
.bottom-contact ul li img {width: 22px; height: 22px; margin-top: 5px; margin-bottom: 3px;    opacity: 0.6;
}
.bottom-contact ul li span {color: black; font-size: 12px;}
.bottom-contact ul {padding-left: 0; margin-top: 0;}
/* End_Contact menu for mobile*/
}