/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* 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.8); /* 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;

   }
}