/* ------------------------*/
/*           GERAL         */
/* ------------------------*/



/* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff ;
    border-color:#e2e2e2;
    border-style:solid;
    border-width:2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a white background */
.radio input:checked ~ .checkround {
    background-color: #fff;
    border-color:#a39162;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background:#a39162;
}

.filtros {
     padding-top: 8px;
}

.filtros label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #e2e2e2;
    padding-top: 6px;
    margin: 0px;
}





/* ------------------------*/
/*      TIPOGRAFIA         */
/* ------------------------*/

* {
    font-family: 'Lato', sans-serif;
    color: #010101;
}


h1 {
    font-size: 36px;
    font-weight: 400;
}

h2 {
    font-size: 24px;
    font-weight: 700;
}

h3 {
    font-size: 20px;
    font-weight: 400;
}

h4 {
    font-size: 16px;
    font-weight: 700;
}

h5 {
    font-size: 14px;
    font-weight: 700;
}

p {
    font-size: 14px;
    font-weight: 400;
}


h1, h2, h3, h4, h5 {
   text-transform: uppercase; 
}



/* ------------------------*/
/*       MENU VERTICAL     */
/* ------------------------*/

nav{
  float:left;
  width: 61px;
}

nav .menu-vertical {
    background-color: #a39162;
    height: 1100px;
}

nav .hamburguer{
    position: fixed;
    top:0;
    left: 0;
    z-index: 100;
    background: #a39162;
}

nav .hamburguer i {
    font-size: 24px;
    color: white;
    padding: 20px;
}

nav .logo img{
    height: 25px;
    margin-bottom: 30px;
    margin-top: 30px;
}

nav .modal-fullscreen .close {
    margin-top: 15px;
    color: white;
}

nav .modal-fullscreen .modal-dialog{
    margin: 0;
    max-width: 100%;
    
}

nav .modal-fullscreen .modal-dialog .modal-content{
    height: 100vh;
    border-radius: 0;
    border: none;
    background-color: #a39162;
 
}

nav .modal-fullscreen .modal-dialog .modal-content h5,
nav .modal-fullscreen .modal-dialog .modal-content a
{
    color: white;
}

nav .modal-fullscreen .modal-dialog .modal-content h5
{
    margin-top: 30px;
    font-size: 18px;
    text-transform: uppercase;
}

nav .modal-fullscreen .modal-dialog .modal-content a
{
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
}

nav .modal-fullscreen .modal-dialog .modal-content ul{
    padding-left: 0;
}

nav .modal-fullscreen .modal-dialog .modal-content ul li{
    list-style: none;
}


/* ------------------------*/
/*          HEADER         */
/* ------------------------*/

header{
    padding-top:15px;
    padding-bottom:30px;
}

header .lingua{
    text-align: right;
    color: #e2e2e2;
}

header .lingua a{
    text-decoration: none;
    color: #e2e2e2;
    font-size: 12px;
}

header .lingua a:hover{
    color: #a39162;
}

header .lingua .active{
    color: #a39162;
}




header .form-group{
    align-items: center;
}

header .form-group .logo img{
    max-height: 38px;
}


header .form-group .pesquisa{
    height: 72px;
    border-left: 1px solid grey;
}

header .form-group .pesquisa input{
    height: 72px;
    width: 100%;
    border: none;
    margin-left: 15px;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}

header .form-group ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #e2e2e2;
}

header .form-group ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

header .form-group ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

header .form-group input:focus{
    outline: none;
}


header .form-group .filtros{
    float: left;
}

header .form-group .lupa{
    float: right;
    padding: 0px;
    background-color: white;
    
}

header .form-group .lupa i{
    font-size:40px;
    line-height: 72px;
    color: #e2e2e2;
    transition: 0.3s;
  
}

header .form-group .lupa i:hover{
  color:#a39162;
    transition: 0.3s;
}


/* ------------------------*/
/*         EVENTOS         */
/* ------------------------*/


.evento .carousel-inner .imgCarouselOne{
    height: 460px;
    background:url(../img/Carrosel/One.jpg);
    background-size: cover;
}

.evento .carousel-inner .imgCarouselTwo{
    height: 460px;
    background:url(../img/Carrosel/Two.jpg);
    background-size: cover;
}

.evento .carousel-inner .imgCarouselThree{
    height: 460px;
    background:url(../img/Carrosel/Three.jpg);
    background-size: cover;
}

/* ------------------------*/
/*        HORARIO          */
/* ------------------------*/

.horario {
    height: 460px;
}

.horario .titulo-horario{
    text-transform: uppercase;
}


.horario .nav i{
    color: #a39162;
}

.horario .content-horario{
    height: 100%;
}


.horario .redes-sociais{
    height: 40%;
    align-items: baseline;
    border-top: 1.5px solid #e2e2e2;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px; 
}


.horario .tab-content{
    height: 91%;
    border: 1.5px solid #e2e2e2;
    border-top: none;
    position: relative;   
}

.horario .tab-content .tab-pane{
    padding: 20px;
}

.horario .nav-tabs .nav-link.active {
    border-radius: 0px; 
    border-left: 1.5px solid #e2e2e2;
    border-right: 1.5px solid #e2e2e2;
    border-top: 1.5px solid #e2e2e2;
}

.horario .nav-tabs .nav-link:hover {
    border-radius: 0px; 
}




/* ------------------------*/
/*    ÁREA DO UTILIZADOR   */
/* ------------------------*/

.user-form{
    background-color: #a39162;
    height: 445px;
}

.user-form form {
    padding:40px 83px;
}

.user-form form h2{
    margin-bottom: 30px;
    color: white;
}

.user-form input{
   height: 65px;
    border-radius: 2px; 
}

.user-form form input:focus{
    outline: none; 
}

.user-form img{
  padding: 10px
}

.user-form form .btn-primary{
    float: right;
    background-color: rgba(255, 254, 254, 0);
    border-color: rgba(255, 254, 254, 0);
    border-radius: 2px;
    transition: 0.3s;
}

.user-form form .btn-primary:hover{
    background-color: gray;
    border-color: gray;
    border-radius: 2px;
    transition: 0.3s;
}

.user-form form button h2{
    color: white;
    margin-bottom: 0;
    padding: 5px;
}

.user-form .form-group input::placeholder{
    color: #e4e4e4;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}



/* ------------------------*/
/*          BLOCOS         */
/* ------------------------*/


#bibliotecas {
    background: url(../img/bibliotecas.jpg);
}

#reserva-salas {
    background: url(../img/reservas-salas.jpg);
}

#reserva-livros {
    background: url(../img/reservas-livros.jpg);
}

.bloco-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 350px;
}


.bloco-titulo {
    border: 1.5px solid #e2e2e2;
    border-top: none;
    height: 95px;
}


.bloco-titulo h2{
    margin: 0px;
    padding-left: 30px;
    line-height: 95px;
    float:left;
}

.bloco-titulo .b-titulo-icon{
    float: right;
    line-height: 95px;
    padding: 0px 15px;
    background-color: #e2e2e2;
    transition: 0.3s; 
}

.bloco-titulo .b-titulo-icon:hover{
    background-color: #a39162;
    transition: 0.3s;
}


.bloco-titulo .b-titulo-icon i{
    color: white;
    font-size:24px;
}

/* ------------------------*/
/*       Novos livros      */
/* ------------------------*/

.novos-livros {
    border: #e2e2e2 solid 1.5px;
    height: 460px;    
}

.marcador{
    height: 17px;
    width: 47px;
    background-color: #a39162
}

.novos-livros .titulo{
    padding-top: 5px;
    padding-left: 47px;
    padding-right: 140px;
}


/* ------------------------*/
/*          LIVROS         */
/* ------------------------*/


.bloco-livro .cover-book{
    height: 245px; 
}

.bloco-livro h2{
    height: 120px;
    padding: 15px 30px;
    margin: 0px;
    border-left: 1.5px solid #e2e2e2;
    border-right: 1.5px solid #e2e2e2;
}

.bloco-livro .bloco-autor{
    height: 95px;
    border: 1.5px solid #e2e2e2;
     margin: auto;
}

.bloco-livro .bloco-autor h3{
    max-width: 200px;
    float:left;
    padding: 22px 15px 22px 30px;
    margin: 0;
}

.bloco-livro .bloco-autor .b-autor-icon{
    float: right;
    line-height: 92px;
    padding: 0 15px;
    background-color: #e2e2e2;
    transition: 0.3s; 
}

.bloco-livro .bloco-autor .b-autor-icon:hover{
    background-color: #a39162;
    transition: 0.3s;
}

.bloco-livro .bloco-autor .b-autor-icon i{
    color: white;
    font-size:24px;
}

/* ------------------------*/
/*      MENU FOOTER        */
/* ------------------------*/


 .menu-footer {
    width: 100%;
    height: 50px;   
    background-color: #a39162;

}

.menu-footer a:hover {
    color: rgba(255, 255, 255, 0.75);
    transition: 0.3s;
}

 .menu-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content:space-between;
}

 .menu-footer .barra{
    border-left:  2px solid #e2e2e2;
    height: 30px;
    margin: auto 0px;
}

 .menu-footer li a {
    display: block;
    color: white;
     transition: 0.3s;
    text-align: center;
    padding: 12px 0;
    text-decoration: none;
    
}



/* ------------------------*/
/*            MAP          */
/* ------------------------*/

    
#map {
    width: 100%;
    height: 500px;
    
}





main .row {
    margin-bottom: 30px;
}

main nav{
    background-color: #a39162;
    height: 80px;
}


/* ------------------------*/
/*       FOOTER    */
/* ------------------------*/

footer {
    text-align: center;
   
}

footer p{
    margin: 0px;
    padding: 15px;
    color: #a39162;
}


/* ------------------------*/
/*        MEDIA QUERIES    */
/* ------------------------*/



@media (max-width: 575.98px) { 
    
    .margin-col-xs {
        margin-bottom: 30px;
    }
    
    .logo {
        margin-top: 30px;
    }
    
    .pesquisa{
        padding-right: 15px;
    }
    
    
    nav .menu-vertical {
    height:0;
    }
        
    nav .menu-vertical .hamburguer{
    width: 1000px;
}



@media (min-width: 768px) { 
    
    .margin-col-md {
        margin-bottom: 30px;
    }
    
    .logo {
        margin-top: 30px;
    }
    
    .pesquisa{
        padding-right: 15px;
    }
    

}


@media (min-width: 1200px) {
    
 .margin-col-md {
        margin-bottom: 0px;
    }
}