﻿/*TAB's accordion on product page*/

.pc-tab > input,
.pc-tab section .tab1, .pc-tab section .tab2, .pc-tab section .tab3 {
    display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3 {
    display: block;
}

.pc-tab {
    width: 100%;
}

    .pc-tab ul, .pc-tab > div {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .pc-tab ul li label, .pc-tab h2 label {
            padding: 10px 15px;
        }

            .pc-tab ul li label:after,
            .pc-tab h2.tab1:after,
            .pc-tab h2.tab2:after,
            .pc-tab h2.tab3:after {
                border: 1.5px solid #F04D24;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

            .pc-tab ul li label:hover,
            .pc-tab h2.tab1:hover,
            .pc-tab h2.tab2:hover,
            .pc-tab h2.tab3:hover {
                background: #f5f5f5;
            }

            .pc-tab ul li label:active,
            .pc-tab h2.tab1:active,
            .pc-tab h2.tab2:active,
            .pc-tab h2.tab3:active {
                background: #fff;
            }


    .pc-tab section {
        clear: both;
    }

        .pc-tab section li:last-child {
            border: none;
        }

        .pc-tab section .full-description ul {
            list-style: disc;
            margin-left: 24px;
        }

        .pc-tab section .full-description :is(h1, h2, h3, h4, h5, h6) {
            /*margin: 8px 0;*/
            font-weight: 600;
        }

        .pc-tab section .full-description h1 {
            font-size: 32px;
        }

        .pc-tab section .full-description h2 {
            font-size: 24px;
        }

        .pc-tab section .full-description h3 {
            font-size: 18.72px;
        }

        .pc-tab section .full-description h4 {
            font-size: 16px;
        }

        .pc-tab section .full-description h5 {
            font-size: 13.28px;
        }

        .pc-tab section .full-description h6 {
            font-size: 10.72px;
        }

        .pc-tab section .full-description :is(p, li) {
            font-size: 16px;
        }


#tab1:checked ~ div .tab1,
#tab2:checked ~ div .tab2,
#tab3:checked ~ div .tab3,
#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
    position: relative;
}

#tab1:checked ~ nav .tab1 i,
#tab2:checked ~ nav .tab2 i,
#tab3:checked ~ nav .tab3 i {
    color: #F04D24;
}

#tab1:checked ~ div .tab1:after,
#tab2:checked ~ div .tab2:after,
#tab3:checked ~ div .tab3:after,
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: auto;
    background: #F04D24;
    left: 10%;
    right: 10%;
    bottom: -1px;
}

.spec-value, .spec-name {
    width: 50%;
    text-align: left;
}

@media all and (max-width: 811px) {

    #product-specifications-split-page > div:nth-child(odd), #product-specifications-split-page > h3:nth-child(odd) {
        background-color: #F5F5F5 !important;
    }

    .full-description p {
        font-size: 12px;
    }
}

@media all and (min-width: 811px) {

    #product-specifications-split-page > div:nth-child(4n-3) > div:nth-child(n), #product-specifications-split-page > div:nth-child(4n-3) > h3:nth-child(n) {
        background-color: #F5F5F5 !important;
    }

    #product-specifications-split-page > div:nth-child(4n-2) > div:nth-child(n), #product-specifications-split-page > div:nth-child(4n-2) > h3:nth-child(n) {
        background-color: #F5F5F5 !important;
    }
}

.container {
    width: 100%;
    margin: 0 auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.col-6, .col-12, .col, .col-md-4, .col-md-6, .col-lg-3, .col-lg-4, .col-lg-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 16px !important;
    padding-left: 16px !important;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .d-lg-none {
        display: none !important;
    }

    .mb-lg-0 {
        margin-bottom: 0;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse;
    }

    .d-lg-block {
        display: block;
    }

    .text-lg-left {
        text-align: left;
    }
}

.text-center {
    text-align: center;
}

.d-none {
    display: none;
}

.text-right {
    text-align: right;
}

.font-semibold {
    font-weight: 600;
}

.align-items-center {
    align-items: center;
}

justify-content-center {
    justify-content: center;
}

.pc-tab img {
    display: inline;
}

.font-white {
    color: #ffffff !important;
}
