/*
 Theme Name:   Framework Child
 Theme URI:    https://www.redbanana.nl/
 Description:  The Framework child theme is used when extensive custom code needs to be applied to the default main theme
 Author:       Jorrit Meeuwissen & Maarten de Wolf
 Author URI:   https://www.redbanana.nl/
 Template:     framework
 Version:      1.0.0
 Text Domain:  framework-child
*/



/* MOBIO - Specificatietabel met 1, 2 of 3 maten */

.section-specs .mobio-size-specifications {
    width: 100%;
    max-width: none;
}

.section-specs .mobio-size-table-scroll {
    width: 100%;
    overflow-x: auto;
}

.section-specs table.mobio-size-table {
    display: table !important;
    width: 100% !important;
    min-width: 600px;
    max-width: none !important;
    border-collapse: separate;
    border-spacing: 0 6px;
    table-layout: fixed;
}

.section-specs table.mobio-size-table thead {
    display: table-header-group;
}

.section-specs table.mobio-size-table tbody {
    display: table-row-group;
}

.section-specs table.mobio-size-table tr {
    display: table-row !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent;
}

.section-specs table.mobio-size-table th,
.section-specs table.mobio-size-table td {
    display: table-cell !important;
    width: auto;
    padding: 16px 18px !important;
    text-align: center;
    vertical-align: middle;
    border: none;
    white-space: normal;
    overflow-wrap: break-word;
}

.section-specs table.mobio-size-table th:first-child {
    width: 34%;
    text-align: left;
}

.section-specs table.mobio-size-table thead th {
    font-weight: 700;
    background: #e4e9ed;
}

.section-specs table.mobio-size-table tbody tr {
    background: #f3f5f7;
}

.section-specs table.mobio-size-table tbody tr:nth-child(even) {
    background: #e4e9ed;
}

.section-specs table.mobio-size-table tbody th {
    font-weight: 600;
}

@media (max-width: 767px) {
    .section-specs table.mobio-size-table {
        min-width: 600px;
    }
}


@media (max-width: 767px) {
    .section-specs .mobio-size-table {
        min-width: 480px;
    }
}
/* MOBIO - Ruimte tussen YouTube-video en specificaties */
.section-specs .video-wrapper + .mobio-size-specifications {
    margin-top: 35px;
}
/* MOBIO - Extra specificaties inklapbaar */
.section-specs .mobio-size-table tr.mobio-extra-spec-row {
    display: none !important;
}

.section-specs .mobio-size-table.mobio-expanded tr.mobio-extra-spec-row {
    display: table-row !important;
}

.section-specs .mobio-spec-toggle {
    margin-top: 15px;
    padding: 12px 22px;
    border: none;
    border-radius: 5px;
    background-color: #f58220;
    color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}

.section-specs .mobio-spec-toggle:hover {
    background-color: #e57210;
    color: #ffffff;
}