/* =========================================================
   CLADDING COMPARISON TABLE - PAGE-SPECIFIC CSS
   Uses Prompt from css/style-main-template.css
   Site layout remains 1350px; this section is max. 1200px
   ========================================================= */
.clad-compare, .clad-compare * { box-sizing: border-box; }
.clad-compare {
    width: 1200px;
    max-width: 100%;
    margin: 32px auto 52px;
    padding: 0 0 18px;
    color: #211D18;
    text-align: left;
    background: #FFFFFF;
}
.clad-compare-heading { margin: 0 0 16px; }
.clad-compare-heading h2 {
    margin: 0 0 8px;
    color: #211D18;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
}
.clad-compare-heading p { margin: 0; color: #686158; font-size: 15px; line-height: 1.65; }
.clad-compare-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.clad-compare-table {
    width: 100%;
    min-width: 1160px;
    border: 1px solid #D8D4CD;
    border-collapse: collapse;
    table-layout: fixed;
    background: #FFFFFF;
}
.clad-compare-table caption {
    padding: 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    caption-side: top;
    color: #5F5345;
}
.clad-compare-table th, .clad-compare-table td {
    padding: 10px 8px;
    border: 1px solid #DEDAD3;
    font-size: 14px;
    line-height: 1.55;
    vertical-align: middle;
    overflow-wrap: break-word;
}
.clad-compare-table thead th {
    color: #FFFFFF;
    background: #5E5342;
    border-color: #786C5B;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.clad-compare-table thead small { font-size: 11px; font-weight: 400; }
.clad-compare-table tbody th { text-align: left; font-weight: 600; white-space: nowrap; }
.clad-compare-table tbody td { text-align: center; }
.clad-compare-table tbody td:nth-child(2) { text-align: left; }
.clad-compare-table tbody tr:nth-child(even) { background: #F7F6F3; }
.clad-compare-table tbody tr:hover { background: #F2EFE9; }
.clad-compare-table tbody th a { color: #211D18; text-decoration: underline; text-underline-offset: 3px; }
.clad-compare-table tbody th a:hover { color: #806F54; }
.clad-compare-detail { display: block; margin-top: 3px; color: #5F5A52; font-size: 12px; }
.clad-compare-price { font-weight: 500; }
.clad-compare-price-m2 { font-weight: 600; color: #7D4B2C; }
.clad-compare-old {
    display: block;
    color: #7A7670;
    font-size: 11px;
    font-weight: 400;
    text-decoration: line-through;
}
.clad-compare-note { margin-top: 13px; color: #665F56; font-size: 12px; line-height: 1.7; }
.clad-compare-note p { margin: 3px 0 0; font-size: inherit; }
.clad-compare-col-code { width: 8%; }
.clad-compare-col-material { width: 28%; }
.clad-compare-col-size { width: 10%; }
.clad-compare-col-len { width: 7%; }
.clad-compare-col-weight { width: 9%; }
.clad-compare-col-count { width: 9%; }
.clad-compare-col-money { width: 9%; }
/* Semantic H1 replacing former span; preserves the original typography. */
.cladding-page-title {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .clad-compare { padding-left: 12px; padding-right: 12px; }
    .clad-compare-heading h2 { font-size: 22px; }
}