/*
 * Please see the included README.md file for license terms and conditions.
 */


/* This file is completely optional and not required. */
/* Note the reference that includes it in the index.html file. */


/* Disable certain interactions on touch devices */
/* SOURCE: https://github.com/ftlabs/fastclick/blob/master/examples/input.html */
/* LICENSE: https://github.com/ftlabs/fastclick/blob/master/LICENSE */
body {
    -webkit-touch-callout: none ;
    -webkit-text-size-adjust: none ; -ms-text-size-adjust: none ;
    -webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ; user-select: none ;
    -webkit-highlight: none ;
    -webkit-tap-highlight-color: rgba(0,0,0,0) ;
    -webkit-tap-highlight-color: transparent ;      /* For some Androids */
}

/* Recommended for Windows 8 Phone */
/* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
html {
    -ms-touch-action: pan-x ;
}

/* Recommended for Windows 8 Phone */
/* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
body {
    -ms-touch-action: pan-y ;
    -ms-content-zooming: none ;
}

/* allow copy-paste */
input, textarea  {
    -webkit-user-select: text ; -moz-user-select: text ; -ms-user-select: text ; user-select: text ;
}

body {
    /* margin: 0.5rem ; */
    background: white;
    color: black;
    background-image: url('../images/fundo.png');
}


.icons {
    margin-left: 80px;
    margin-top: 40px;
}

.lojas {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logos {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play {
    width: 90%;
}

.box {
    border-radius: 20px;
    height: 100px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgba(190, 202, 216, 1) 0%, rgba(182, 211, 200, 1) 62%);
}


.box-play {
    display: flex;
    justify-content: center;
    align-items: center;
}

#play {
    display: none;
}

.actions {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.voltar {
    rotate: 180deg;
}

.radio {
    color: #004485;
    font-weight: 900;
    font-size: 30px;
    margin: 0;
}


.volume{
    /* background: linear-gradient(to right, #004485 0%, #004485 50%, #004485 50%, #004485 100%); */
    accent-color: #004485;
    border: solid 1px #004485;
    border-radius: 8px;
    height: 7px;
    /* -webkit-appearance: none; */
}


.box-volume {
    display: flex;
    align-items: center;
}


.player {
    display: flex;
    justify-content: space-between;
}

.linha {
    width: 100%;
    height: 5px;
    background: #004485;
    border: none;
    border-radius: 100px;
}



.fm {
    font-size: 17px !important;
}

.figure{
    width: 100%;
}

.mobile{
    display: none;
}


@media (max-width:572px) {
    .box{
        width: 95%;
    }

    .button-actions{
        width: 40px;
    }

    .button-volume{
        width: 30px;
    }

    .radio{
        font-size: 20px;
    }

    .acre img{
        width: 80%;
    }

    .governo img{
        width: 400px !important;
        height: 70px;
    }

    .acre img{
       display: none;
    }

    .mobile {
        display: block !important;
        width: 80%;
    }
     
    
}