﻿.resetButton{
    margin:0;
    padding:0;
    border:0;
    background-color:transparent;
    outline:none;
    cursor:pointer;
}
.boxListaBoletins {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:15px;
    margin-bottom:50px;
}
.boxListaBoletins.somenteUm{
    display:block;
}
.boxListaBoletins .item{
    box-shadow:0 0 10px 0 rgba(0,0,0,.2);
    border-radius:10px;
}
.boxListaBoletins.somenteUm .item {    
    display: flex;    
}
/*.boxListaBoletins .item:not(:last-child){
    margin-bottom:20px;
}*/
    .boxListaBoletins .item .boxThumbCapa {
        /*flex-shrink:0;
        width:100%;
        margin-right:10px;*/
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 230px;
        border-radius: 10px 10px 0 0;
    }
    .boxListaBoletins.somenteUm .item .boxThumbCapa {
        flex-shrink: 0;
        width: 400px;
        height: 300px;
        border-radius: 10px 0 0 10px;
    }
    .boxListaBoletins .item .boxConteudo {
        background-color: #f5f5f5;
        padding: 15px;
        width: 100%;
        min-height: 260px;
        border-radius: 0 0 10px 10px;
    }
    .boxListaBoletins.somenteUm .item .boxConteudo {
        border-radius: 0 10px 10px 0;
    }
    .boxListaBoletins .item .cabecalhoBoletim {
        margin-bottom: 20px;
    }
        .boxListaBoletins .item .cabecalhoBoletim .dataPublicacaoBoletim{
            display:block;
            font-size:.8rem;
            margin-bottom:10px;
        }
        .boxListaBoletins .item .cabecalhoBoletim .tituloBoletim{
            min-height:100px;
            font-size:1.4rem;
            line-height:1.3em;
            font-weight:bold;
        }

    .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer{
        display:flex;
        width:100%;
        align-items:center;
    }
        .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .btnPlayPause {
            width: 60px;
            height: 60px;
            margin-right:15px;
        }
        /*.boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio {
            width: 100%;
            background-color: #fff;
            border: solid 1px #ccc;
            border-radius: 2px;
        }
            .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio .progressBar {
                height: 15px;
                width: 0;
                background-color: #93c01e;                
            }
                .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio .progressBar.playing {
                    animation: animeProgressBar 1.2s infinite;
                }
                @keyframes animeProgressBar{
                    0% { opacity: 1; }
                    50% { opacity: .6; }
                    100% { opacity: 1;}
                }*/


    .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio {
        -webkit-appearance: none;
        width: 100%;
        height: 10px;
        border-radius: 5px;
        background: #d5d5d5;
        outline: none;
        opacity: 0.7;
        overflow: hidden;
        -webkit-transition: .2s;
        transition: opacity .1s;
    }

    .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 0;
        background: #00a683;
        cursor: pointer;
        
        box-shadow: -100vw 0 0 100vw #222;
    }
    .boxListaBoletins .item .boxPlayerBoletim .controlesPlayer .progressAudio::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 0;
        background: red;
        cursor: pointer;
        
        box-shadow: -100vw 0 0 100vw #222;
        box-sizing: border-box;
    }

.boxProgress{
    width:100%;
}
.boxTempos {
    display: flex;
    justify-content: space-between;
    font-size:.8rem;
}


@media(max-width:1000px) {
    .boxListaBoletins {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:900px) {
    .boxListaBoletins {
        grid-template-columns: repeat(1, 1fr);
    }

    .boxListaBoletins .item .boxThumbCapa {
        background-position:center center;
        height: 300px;        
    }
    .boxListaBoletins .item .cabecalhoBoletim .tituloBoletim{
        min-height:unset;
    }

    .boxListaBoletins .item .boxConteudo {
        min-height:unset;
    }

    .boxListaBoletins.somenteUm .item {    
        display: block;    
    }
    .boxListaBoletins.somenteUm .item .boxThumbCapa {    
        border-radius:10px 10px 0 0;
        width:100%;
    }
    .boxListaBoletins.somenteUm .item .boxConteudo{
        border-radius:0 0 10px 10px;
    }

    /*.boxListaBoletins .item {
            flex-direction:column;
            justify-content:center;
            align-items:center;
        }
        .boxListaBoletins .item:not(:last-child) {
            margin-bottom: 40px;
        }
        .boxListaBoletins .item .cabecalhoBoletim .tituloBoletim{
            font-size:1.4rem;
        }*/
    }