.wp-block-table.is-style-optib-head-column table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table.is-style-optib-head-column td,
.wp-block-table.is-style-optib-head-column th {
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 0.75em 1em;
}
.wp-block-table.is-style-optib-head-column tr > :first-child {
background-color: var(--wp--preset--color--primary, #ce8460);
color: #fff;
font-weight: 700;
width: 30%;
} .wp-block-table.is-style-optib-borderless table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table.is-style-optib-borderless td,
.wp-block-table.is-style-optib-borderless th {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 0.75em 1em;
}
.wp-block-table.is-style-optib-borderless thead th {
border-bottom: 2px solid var(--wp--preset--color--primary, #ce8460);
} .wp-block-table.is-style-optib-stack table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table.is-style-optib-stack td,
.wp-block-table.is-style-optib-stack th {
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 0.75em 1em;
}
.wp-block-table.is-style-optib-stack thead th {
background-color: var(--wp--preset--color--primary, #ce8460);
color: #fff;
}
@media (max-width: 767px) {
.wp-block-table.is-style-optib-stack thead {
display: none;
}
.wp-block-table.is-style-optib-stack table,
.wp-block-table.is-style-optib-stack tbody,
.wp-block-table.is-style-optib-stack tr,
.wp-block-table.is-style-optib-stack td,
.wp-block-table.is-style-optib-stack th {
display: block;
width: 100%;
box-sizing: border-box;
}
.wp-block-table.is-style-optib-stack tbody tr {
margin-bottom: 1em;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.wp-block-table.is-style-optib-stack tbody td,
.wp-block-table.is-style-optib-stack tbody th {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
text-align: left;
}
.wp-block-table.is-style-optib-stack tbody tr > :last-child {
border-bottom: 0;
} .wp-block-table.is-style-optib-stack tbody [data-label]::before {
content: attr(data-label);
display: block;
margin-bottom: 0.25em;
font-size: 0.85em;
font-weight: 700;
color: var(--wp--preset--color--primary, #ce8460);
}
}