/* 
 * Folhas de estilo do bloco de conteudo 'quiz'
 *
 * Marcelo Barbosa,
 * marco, 2021
 *
*/

.enquete
{
    width: 100%;
    max-width: 640px;
    height: 540px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    overflow-y: auto;
    border-radius: 7px;
    background-color: white;
    box-shadow: 0 0 50px #313131;
    border:0;
    z-index: 999999;
    display: none;
}

.enquete .rotulo 
{
    color: white;
    background-image: url('../../assets/img/coimbra_2.jpg');
    background-position:bottom center;
    background-repeat: no-repeat;    
}

.enquete .escopo 
{
    overflow-y: auto;
    padding: 28px;
}

.enquete .btn, .enquete-fullscreen .btn 
{
    display:inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 100px;
    border: 2px solid #381801;
    background-color: transparent;
    color: #381801;
    padding: 6px 16px;
}

.enquete .btn-block, .enquete-fullscreen .btn-block
{
    display: block;  
    margin: 5px;
    width: 100%;
}

.enquete .btn:hover, .enquete .btn:active,
.enquete-fullscreen .btn:hover, .enquete-fullscreen .btn:active
{ 
    border: 2px dashed #cd9945;
    color: #cd9945;
}

.toggle-btn-enquete 
{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 30px;
    background-image: url('../../assets/img/coimbra_2.jpg');
    background-position:bottom center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px black;
    color: white;
    position: fixed;
    bottom: 70px;
    right: 5px;
    z-index: 999999;
}           

.toggle-btn-enquete .toggle-btn-enquete-container
{
    width: 50px;
    height: 50px;
    position:relative;                
}

.toggle-btn-enquete-container .btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5em;
}

.enquete input[type=text], .enquete input[type=email], 
.enquete select,
.enquete-fullscreen input[type=text], .enquete-fullscreen input[type=email], 
.enquete-fullscreen select
{
    border-radius: 5px;
    outline: 0;
}

.enquete input[type=text]:focus, .enquete input[type=email]:focus,
.enquete-fullscreen input[type=text]:focus, .enquete-fullscreen input[type=email]:focus
{
    border: 1px solid transparent;
    box-shadow: 0 0 7px slategray; 
}

@media only screen and (max-width: 480px) /* smartphones */
{ 
    .enquete
    {
        width: 100%;
        height: 100%;
        overflow: scroll;
        z-index: 99999;
    }
}