/*
z-index:990 - header
z-index: 991 - .menu-s-r.open-sm, .open-sm
/*
div syncronisation
class syncronisation
a migration
*/
/*
div:hover > .box-img .box-img-bg {height:100%;}
*/
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------*/
/*
-------------------------------------------------------------------------
лоадер
перемінні константи
типографіка
хедер(лого, серч, бред, мови, ) + меню
сітка
константи блока
бокси
анімація
фанкі овл
файл стандартного вп
мій вп
оригінальні переписування налаштування
0. Font + Root + Variables + Browser Reset Шрифти, перемінні константи с
1. Globally Applied Styles + Typography + Constant типографіка с
2. Header + Search Bar Styles + Sidebar хедер(лого, серч, бред, мови, ) + меню + хлібні крихти с
3. Section Category-Block Type: grid, column, w сітка g
4. Box (in block) сітка s
4. Plugin Related Styles
5. Page + Custom Page Layout Styles
6. Nectar Shortcode Styles
7. Footer Styles
8. Sidebar Styles
9. Blog + Pagination Styles
10. Comment Styles
11. General Form Styles
-------------------------------------------------------------------------*/
article.cat-page {}
article.cat-page > p {}
article.cat-page-sidebar {display: flex; width: cacl(100% - 330px)}
.section-title {}
.section-desc {margin-top:var(--margin-top)---------------/*dont work*/;}
.section-desc p {margin-top:var(--margin-top);}
.section-button {padding:10px 20px; display:block; width: fit-content; border-radius:50px; color:#fff; background:#149D3B; border:2px solid #f00; margin:20px auto;}
@media screen and (max-width: 1366px) {
html, body {min-height:100vh; font-size:18px; line-height:1.5; font-weight:400}
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width:920px) {
html, body {font-size:14px;}
}
@media screen and (max-width:768px) {
html, body {font-size:18px;}
}
@media screen and (max-width: 600px) {
table > *, table tr, table td, table th { display:block }
thead {display:none}
/*tbody {display: table-caption;}*/
table td {display: block; font-size: .8em; text-align: left;}
table tr {border-bottom: 3px solid var(--clr-m); display: block; margin-bottom: 0.625em;}
tbody tr { height:auto; padding:0;}
tbody tr td { padding-left:45%!important;}
tbody tr td:first-child {text-align: center; font-size:1.0em; font-weight:600; padding-left:0!important;}
tbody tr td:last-child { margin-bottom:0 }
tbody tr td:before {position:absolute; font-weight:600; width:40%; left:0.5em; top:0.5em}
tbody tr td:nth-child(1):before {content:"";}
#tab-2 tbody tr td:nth-child(2):before {content:"ДЕШЕВИЙ";}
#tab-2 tbody tr td:nth-child(3):before {content:"СТАНДАРТ";}
#tab-2 tbody tr td:nth-child(4):before {content:"ARDENIS START";}
#tab-2 tbody tr td:nth-child(5):before {content:"ДОРОГИЙ";}
.wp-block-table td {border-bottom: 0px solid; word-break: break-word; padding: 0.5em;}
.wp-block-table table tr:first-child {display: none;}
.wp-block-table table tr td:first-child {border-collapse: collapse; text-align: center; background:var(--clr-m); color: #fff; border:1px solid var(--clr-m);}
.wp-block-table table td {width: auto}
}