/*
 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:      1.0
 Text Domain:  bricks
*/
/* .brxe-container {
	padding: 0 20px;
} */
/* .cham-soc-device-slider .splide__list > div {
	transform: translateX(55px);
} */



.blog-repeater {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* cho item 1 và 2 */
}


.blog-repeater .brxe-baivietpaginate:nth-child(n + 3) {
  grid-column: span 1;
}

.blog-repeater .brxe-baivietpaginate:nth-child(3) {
  grid-column: 1 / span 1;
}

/* Cho phần còn lại 3 cột */
.blog-repeater {
  grid-auto-rows: auto;
}

.blog-repeater .brxe-baivietpaginate:nth-child(n + 3) {
  grid-column: auto;
}

@media (min-width: 0px) {
  .blog-repeater {
    grid-template-columns: repeat(3, 1fr); /* từ item 3 trở đi */
  }

  .blog-repeater .brxe-baivietpaginate:nth-child(1),
  .blog-repeater .brxe-baivietpaginate:nth-child(2) {
    grid-column: span 1; /* chiếm 1 cột nếu dùng 3 cột -> tương đương 33.3% */
  }

  .blog-repeater .brxe-baivietpaginate:nth-child(1) {
    grid-column: 1 / span 2; /* chiếm 2 cột = 66.6% */
  }

  .blog-repeater .brxe-baivietpaginate:nth-child(2) {
    grid-column: 3 / span 1; /* chiếm 1 cột = 33.3% */
  }
}

.blog-repeater {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* tổng 6 cột để dễ chia */
  gap: 10px;
}

.blog-repeater .brxe-baivietpaginate:nth-child(1),
.blog-repeater .brxe-baivietpaginate:nth-child(2) {
  grid-column: span 3; /* mỗi cái chiếm 3 cột = 50% */
}

.blog-repeater .brxe-baivietpaginate:nth-child(n+3) {
  grid-column: span 2; /* mỗi cái chiếm 2 cột = 33.33% */
}


/* Desktop layout */
@media (max-width: 768px) {
  .blog-repeater {
    display: flex !important;
    flex-direction: column !important;
  }
}


.tablepress {
	border: 1px solid #e5e5e5 !important;
	    border-radius: 10px;
    border-collapse: separate;
	overflow: hidden;
	margin: 0px !important;
}
.tablepress .column-1{
	border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.tablepress .column-2{
	border-bottom: 1px solid #e5e5e5;
}
.tablepress  .column-3{
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
.tablepress caption{
	display : none;
}
 



/* #tablepress-1 .row-1 .column-1{
	background: #a3a3a3;
    border-radius: 10px 0 0 10px;
    height: 64px;
    text-align: center;
    vertical-align: middle;
}

#tablepress-1 .row-1 .column-2{
	text-align: center;
    background: #a3a3a3;
    border-radius: 0 10px 0 0;
}

#tablepress-1 .row-2 .column-2{
	text-align: center;
    background: #a3a3a3;
}
#tablepress-1 .row-2 .column-3{
	text-align: center;
    background: #a3a3a3;
    border-radius: 0 0 10px 0;
} */
 

.tab-map {
	padding-right: 0 !important;
}
.table-care{
	overflow: hidden !important;
}
.cham-soc-category-list:hover,
.cham-soc-category-list.active{
	box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.25) !important;

}
.sua-chua-pop-up .tab-content {
  display: none;
}

.sua-chua-pop-up .tab-content.active {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}
.sua-chua-pop-up .tab.active{
	box-shadow: 0px 4px 4px 0 #00000040;
}
/* .cs_category-list li:nth-child(2) a {
	font-size: 48px;
	font-weight: 700;
} */
.single-post .brxe-text-basic p{
	color: #333;
	font-size: 16px;
}
.single-post .brxe-text-basic h4{
	color: #333;
	font-size: 30px;
	padding: 20px 0px
}
.single-post .brxe-text-basic h3{
	color: #333;
	font-size: 30px;
	padding: 20px 0px
}


.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
    color: #000000;
    margin-bottom: .5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
    width: 100%
}

.single h2, 
.single h2 strong,
.single h3, 
.single h3 strong,
.single h4, 
.single h4 strong,
.single h5, 
.single h5 strong,
.single h6, 
.single h6 strong {
    font-size: 24px;
    line-height: 1.3;
	font-weight: 600px !important;
}
.single strong {
    font-weight: 600 !important;
}

@media(max-width: 549px) {
    .cc-single-post h1 {
        font-size:1.4em
    }

    .cc-single-post h2 {
        font-size: 1.2em
    }

    .cc-single-post h3 {
        font-size: 1em
    }
}


/* Table  */

figure.wp-block-table {
    overflow: hidden;
    border-radius: 16px;
}

figure.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

figure.wp-block-table table,
figure.wp-block-table td,
figure.wp-block-table tr,
figure.wp-block-table th,
figure.wp-block-table tbody,
figure.wp-block-table thead {
    border: none;
    padding: 10px 16px;
    color: black;
    height: 1px;
}

/* Bo góc trên trái và phải cho hàng tiêu đề */
figure.wp-block-table thead tr th:first-child {
    border-radius: 16px 0 0 0;
}

figure.wp-block-table thead tr th:last-child {
    border-radius: 0 16px 0 0;
}

/* Bo góc dưới trái và phải cho hàng cuối */
figure.wp-block-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px;
}

figure.wp-block-table tbody tr:last-child td:last-child {
    border-radius: 0 0 16px 0;
}

figure.wp-block-table thead {
    background-color: #001eff !important;
}

figure.wp-block-table tbody {
    background-color: #b9bab94d;
}


figure.wp-block-table tbody tr:nth-child(even):hover {
    background-color: #d2d3d24d; /* Màu hover nhẹ cho hàng chẵn */
    transition: background-color 0.3s ease;
}


figure.wp-block-table tbody tr:nth-child(odd) {
    background-color: #f0f0f0; /* Màu nền hàng lẻ */
}

figure.wp-block-table tbody tr:nth-child(even) {
    background-color: #e0e0e0; /* Màu nền hàng chẵn */
}

figure.wp-block-table tbody tr:nth-child(odd):hover,
figure.wp-block-table tbody tr:nth-child(even):hover {
    background-color: #cccccc; /* Màu khi hover */
    transition: background-color 0.3s ease;
}

blockquote {
    padding: 10px 0 10px 30px !important;
    border-left-color: var(--cs-primary) !important;
}
.wp-block-list lu li {
	color: #000 !important;
}