/*
Theme Name: Divi Child
Theme URI: https://mdoarquitectura.com/
Description: Divi - Tema hijo para Divi
Author: Maria Vinagre
Author URI: https://www.mariavinagre.es/
Template: Divi
Version: 1.0.0
*/

.flex-between{
    display:flex !important;
    justify-content: space-between !important;
  }
  .flex-end{
    display:flex !important;
    justify-content: flex-end !important;
  }
  .flex-start{
    display:flex !important;
    justify-content: flex-start !important;
  }
  .flex-center{
    display:flex !important;
    justify-content: center !important;
  }
  .flex-between-r{
    display:flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  
  .flex-column{
    display:flex !important;
    flex-direction: column !important;
  }
  
  
  .mg-pd-0{
    margin: 0;
    padding: 0;
  }
  
  .link-std{text-decoration:underline !important;}
  .link-std:hover{
      font-style: italic !important;
      text-decoration: underline !important;
  }
  .link-std-no-sub{text-decoration:none !important;}
  .link-std-no-sub:hover{
      font-style: italic !important;
      text-decoration: none !important;
  }
  
  .cursor-pointer{cursor: pointer !important;}
  .texto-blanco{color: #fff !important;}
  .img-circulo{border-radius: 50%;}
  
  .font-bold{font-family:'Gothic A1',Helvetica,Arial,Lucida,sans-serif !important;}
  .font-regular{font-family:'Gothic A1',Helvetica,Arial,Lucida,sans-serif !important;}
  
  .font-14-to-20{font-size: clamp(14px, calc(0.875rem + ((1vw - 4.79px) * 0.4164)), 20px);}
  .font-16{font-size: 16px !important;}
  .font-16-to-18{font-size: clamp(16px, calc(1rem + ((1vw - 4px) * 0.1316)), 18px) !important;}
  .font-16-to-20{font-size: clamp(16px, calc(1rem + ((1vw - 4px) * 0.2632)), 20px) !important;}
  .font-16-to-20{font-size: clamp(16px, calc(1rem + ((1vw - 4px) * 0.2632)), 20px) !important;}
  .font-16-to-25{font-size: clamp(16px, calc(1rem + ((1vw - 4px) * 0.5921)), 25px) !important;}
  .font-18-to-20{font-size: clamp(18px, calc(1.125rem + ((1vw - 4px) * 0.1316)), 20px) !important;}
  .font-18-to-25{font-size: clamp(18px, calc(1.125rem + ((1vw - 4px) * 0.4605)), 25px) !important;}
  .font-18-to-30{font-size: clamp(18px, calc(1.125rem + ((1vw - 4px) * 0.7895)), 30px) !important;}
  .font-20-to-25{font-size: clamp(20px, calc(1.25rem + ((1vw - 4.79px) * 0.347)), 25px) !important;}
  .font-20-to-35{font-size: clamp(20px, calc(1.25rem + ((1vw - 4px) * 0.9868)), 35px) !important;}
  .font-22-to-30{font-size: clamp(22px, calc(1.375rem + ((1vw - 4.79px) * 0.5552)), 30px)  !important;}
  .font-22-to-40{font-size: clamp(22px, calc(1.375rem + ((1vw - 4px) * 1.1842)), 40px) !important;}
  .font-22-to-60{font-size: clamp(22px, calc(1.375rem + ((1vw - 4px) * 2.5)), 60px) !important;}
  .font-25-to-40{font-size: clamp(25px, calc(1.5625rem + ((1vw - 4.79px) * 1.0409)), 40px) !important;}
  .font-25-to-70{font-size: clamp(25px, calc(1.5625rem + ((1vw - 4px) * 2.9605)), 70px) !important;}
  
  .l-h-1-2-em{line-height: 1.2em;}
  
  .dp-none{display: none;}
  .dp-block{display: block;}
  



/* Menu Movil */


.link-menu{
  color:#fff !important;
}
.link-menu:hover{
  font-style: italic !important;
  text-decoration: underline !important;
}
.link-menu-2{
  color:#fff !important;
  text-decoration: underline !important;
}
.link-menu-2:hover{
  font-style: italic !important;
}


.show-mdo-menu{
    display:flex !Important;
    flex-direction: column !important;
    justify-content: center !important;
}


.mdo-menu{
  /* background-color: aqua !important; */
  width: 50% !important;
    -webkit-animation: scale-in-top 0.34s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-top 0.34s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* @-webkit-keyframes scale-in-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-top {
  0% {
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
 */


/* @-webkit-keyframes scale-in-top {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
  } */
  @keyframes scale-in-top {
    0% {
      -webkit-transform: scale(0) translateX(0%);
              transform: scale(0) translateX(0%);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1) translateX(0%);
              transform: scale(1) translateX(0%);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
  }
    
  /* @keyframes scale-in-top-mv {
    0% {
      -webkit-transform: scale(0) translateX(-50%);
              transform: scale(0) translateX(-50%);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1) translateX(-50%);
              transform: scale(1) translateX(-50%);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      opacity: 1;
    }
  } */


  /* Fin Menu Movil */


/* PIE */

.link-pie{
  text-decoration:none !important;
  color:#fff !important;
}
.link-pie:hover{
    font-style: italic !important;
    text-decoration: underline !important;
}


/* FIn Pie */


/* preloader */

.mv-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fefefe;
  z-index: 999999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}
.mv-preloader .mv-icon {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(https://mdo.unlagonegro.com/wp-content/uploads/2024/02/preload.gif);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: -50px 0 0 -50px;
}

/* fin preloader */


/* Poryectos */

/* Gallery Items */
 
/* .fila-proyectos img {max-width: 110%; height: 700px;}
.fila-proyectos h2 a {font-size:14px; color: #b2b2b2;}
.fila-proyectos .post-meta {font-size:12px; margin-top:-13px; color:#cecece!important;}
.fila-proyectos .et_portfolio_image {
    border: 1px solid #28323a;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.fila-proyectos .et_portfolio_image, .et_portfolio_image img {border-radius: 1px 1px #fc5a20;} */


/*portfolio image aspect ratio portrait 9:16*/
.pa-portfolio-image-9-16 .et_portfolio_image {
  padding-top: 177.77%;
  display: block;
}
.pa-portfolio-image-9-16 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/* Fin Proyectos */

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

  .mdo-menu{
    /* background-color: green !important; */
    width: 100vw !important;
    -webkit-animation: scale-in-top-mv 0.34s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
    animation: scale-in-top-mv 0.34s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
}

@keyframes scale-in-top-mv {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}


}



  
  