/* Custom css **

/*Barra login superior (acuarel) creada por js*/
.acuarel-top-wrapper span{
   font-size:13px;
}
.acuarel-top-wrapper span > a{
   display: inline-block;
   margin-left: 1em;
   transition: color 150ms ease-in-out;
}

.acuarel-top-wrapper span > a:hover{
   color: var(--the7-links-color) !important;
}


/* Modal mayor de edad*/
/*body{
    width: 100% !important;
}
*/

.modal-mayor-edad {
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    z-index: 1000; /* Sit on top */
    display:flex;
    justify-content: center;
    align-items: center;
    /* overflow: auto; Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Contenido del modal */
.modal-mayor-edad .modal-content {
   position:relative;
   display:flex;
   justify-content: center;
   flex-wrap: wrap;

   background-color: #fefefe;
   /* margin: auto; */
   padding: 20px;
   border: 1px solid #888;
   width: 40vw;
}

.modal-mayor-edad .modal-content .titulo{
    font-size: 2.5em;
    line-height: normal;
    margin-bottom: 1em;
    width:100%;
    text-align: center;
}

.modal-mayor-edad .modal-content .subtitulo{
    font-size: large;
    margin-top: 1em;
}

.modal-mayor-edad .modal-buttons {
   width:100%;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-around;
}

.modal-mayor-edad .modal-content .btn{
    color: #53565a !important;
    border-color: #53565a !important;
    border-width: 1px !important;
    background-color: #fefefe !important;
    transition: all 0.3s ease-out;
    padding: 10px !important;
    width:45%;
}


.modal-mayor-edad .modal-content .btn:hover{
    color: #fefefe !important;
    background-color: #53565a !important;
    transition: all 0.3s ease-out;
}

@media screen and (max-width: 990px) {
   .modal-mayor-edad .modal-content .titulo{
      font-size: 2em;
      line-height: normal;
   }


   .modal-mayor-edad .modal-buttons {
      flex-direction: column;
   }
   .modal-mayor-edad .modal-content .btn{
      width:99%;
   }
   .modal-mayor-edad .modal-buttons button.btn.btn-aceptar {
      margin-bottom: 1em;
   }


}
@media screen and (max-width: 680px) {
   .modal-mayor-edad .modal-content {
      width: 80vw;
   }

   .modal-mayor-edad .modal-content .titulo{
      font-size: 1.5em;
      line-height: normal;
   }

   .modal-mayor-edad .modal-content .subtitulo{
      font-size: 1.1em;

   }
}