﻿.responsive-tabs {
    }

    .responsive-tabs dt {
        padding: 0.5em;
        border-top: 1px solid #ccc;
        cursor: pointer;
        cursor: pointer;
        color: #00377b;
        font-family: 'Anzo_Web_Light';
        font-size:16px;
    }

        .responsive-tabs dt:first-child {
            border-top: 0;
        }

    .responsive-tabs .active {
        background-color: #f1801f;
        color: #fff;
        border-bottom: 4px solid #ffa75b;
    }

        .responsive-tabs .active + dd {
            display: block;
        }

    .responsive-tabs dd {
        display: none;
        padding: 0.5em;
    }

.responsive-tabs-placeholder {
    display: none;
}


@media only screen and (min-width: 768px) {

    .produtos {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center;
    }

    .responsive-tabs {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        text-align: center;

    }

        .responsive-tabs dt {
            /*     float: left;*/
            border-top: 0;
            width: -webkit-fill-available;
            width: -moz-available;
            border-bottom: 3px solid #00377b;
            color: #00377b;
            /*  font-family: 'Anzo_Black';
            font-size: 20px;*/
            font-family: 'Anzo_Web_Light';
            font-size: 18px;
            transition: all linear .3s;
        }
            .responsive-tabs dt:hover {
                color: #fff;
                background: #ffa75b;
            }

        .responsive-tabs .active + dd {
            display: none;
        }

    .responsive-tabs-placeholder {
        clear: both;
        display: block;
        padding: 1em;
        /*border-top: 1px solid #ccc;*/
    }
}

