/*
 Theme Name: CaJoan child
 Theme URI: https://cajoanaltea.com/
 Description: cajoan child theme
 Author: ETHOS Media
 Author URI: https://www.ethos-media.es/
 Template: cajoan
 Version: v1.0(0.1)
 _______ .___________. __    __    ______        _______.   .___  ___.  _______  _______   __       ___      
|   ____||           ||  |  |  |  /  __  \      /       |   |   \/   | |   ____||       \ |  |     /   \     
|  |__   `---|  |----`|  |__|  | |  |  |  |    |   (----`   |  \  /  | |  |__   |  .--.  ||  |    /  ^  \    
|   __|      |  |     |   __   | |  |  |  |     \   \       |  |\/|  | |   __|  |  |  |  ||  |   /  /_\  \   
|  |____     |  |     |  |  |  | |  `--'  | .----)   |      |  |  |  | |  |____ |  '--'  ||  |  /  _____  \  
|_______|    |__|     |__|  |__|  \______/  |_______/       |__|  |__| |_______||_______/ |__| /__/     \__\ 

/*---INDICE---
    1-Titulos
    2-Textos
    3-Botones
    4-Header
    5-Footer
    6-Blog
    7-Secciones
*/


/* 1-TITULOS */

.abp-h1-ini h1{
  font-size: 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 200 !important;
  color: black !important;
}

.abp-h2-ini h2{ 
  font-size: 120px !important;
  font-family: 'Playfair Display' !important;
  color: black !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}
.abp-titulos-grandes h2{
  font-size: 150px !important;
  font-family: 'Playfair Display' !important;
  color: black !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin-bottom: -50px !important;
}
.abp-titulo-valores h3{
  font-size: 50px !important;
  font-family: 'Playfair Display' !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: black !important;
}

/* 2-TEXTOS */

.abp-texto p{
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 100 !important;
  color: black !important;
}
.abp-texto-contacto strong{
  font-size: 20px !important;
  font-family: 'Playfair Display' !important;
  font-weight: 400 !important;
  color: black !important;
}
.elementor-widget-text-editor {
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  color: black !important;
  font-weight: 300 !important;
}
.elementor-widget-text-editor strong{
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  color: black !important;
  font-weight: 300 !important;
}

/* 7-SECCIONES */

  /*Seccion el Espacio*/

  .abp-espacio .elementor-cta__title {
    color: #02010100 !important;
  }
  .abp-espacio .elementor-cta:hover .elementor-cta__title {
    color: #000000 !important;
  }
  .abp-espacio .elementor-cta:hover .elementor-cta__bg-overlay {
    background-color: #FFFFFFDE !important;
  }
  .abp-espacio .elementor-cta__title  {
    font-size: 60px !important;
    font-family: 'Playfair Display' !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }
  /*Seccion productos*/
  .abp-productos .elementor-cta__title{
    font-size: 30px !important;
    font-family: 'Playfair Display' !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    color: #000000 !important;
  }

  /*Menu principal*/
  .elementor-sticky--effects {
  
    transition: all ease-in-out .3s !important;

  }
  
  .abp-menu-principal .elementor-nav-menu--main .elementor-item{
    font-size: 60px !important;
    font-family: 'Playfair Display' !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    color: #ffffff !important;
  }
  .dialog-close-button{
    content: url(https://cajoan.ethos-media.com/wp-content/uploads/2021/11/Recurso-5footer.svg) !important;
    width: 40px!important;
  }

  .abp-menu-principal .elementor-nav-menu .sub-arrow {
    content: url(https://cajoan.ethos-media.com/wp-content/uploads/2022/02/iconoRecurso-2mas.svg) !important;
    width: 40px!important;
    background-color: #000 !important;
  }
  #elementor-popup-modal-2106 .dialog-close-button {
    display: flex !important;
    top: 20px !important;
    background-color: #000000 !important;
    width: 30px!important;
    content: url(https://cajoanaltea.com/wp-content/uploads/2022/05/Recurso-1icono-1.svg) !important;
}








.black-img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-transition: all .6s ease !important;
    
}

.black-img:hover {
  
    filter: none !important;
    -webkit-transition: all .6s ease !important;
    -webkit-filter: grayscale(0%) !important;
}

div.wpforms-container-full .wpforms-form input[type=text] ,.wpforms-form input[type=email] ,.wpforms-form textarea{
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0px !important;
    color: rgb(0, 0, 0);
    font-size: 16px;
    border: 0px !important;
    border-bottom:  1px solid rgb(0, 0, 0) !important;

}
.wpforms-container-full .wpforms-form .wpforms-field-label {

  font-weight: 200 !important;
  font-size: 25px !important;
  font-family: 'Playfair Display' !important;
  text-transform: uppercase !important;
}
div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #000 !important;
  border: 0px solid #ddd !important;
  color: #fff !important;
  font-size: 20px !important;
  font-family: 'Playfair Display' !important;
  text-transform: uppercase !important;
  padding: 10px 15px;
}


@media (max-width: 600px) {
  .abp-h1-ini h1{
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200 !important;
    color: black !important;
  }
  
  .abp-h2-ini h2{ 
    font-size: 45px !important;
    font-family: 'Playfair Display' !important;
    color: black !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }
  .abp-titulos-grandes h2{
    font-size: 45px !important;
    font-family: 'Playfair Display' !important;
    color: black !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    margin-bottom: -40px !important;
  }



  .abp-espacio .elementor-cta__title {
    color: #000000 !important;
  }
  .abp-espacio .elementor-cta:hover .elementor-cta__title {
    color: #00000000 !important;
  }
  .abp-espacio .elementor-cta .elementor-cta__bg-overlay {
    background-color: #ffffff91 !important;
  }
  .abp-espacio .elementor-cta:hover .elementor-cta__bg-overlay {
    background-color: #FFFFFF00 !important;
  }
  .abp-espacio .elementor-cta__title  {
    font-size: 30px !important;
    font-family: 'Playfair Display' !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }
  .black-img {
    filter: grayscale(50%) !important;
    -webkit-filter: grayscale(50%) !important;
    -webkit-transition: all .6s ease !important;
  }
  .black-img:hover {
      filter: none !important;
      -webkit-transition: all .6s ease !important;
      -webkit-filter: grayscale(0%) !important;
  }
  .abp-menu-principal .elementor-nav-menu--main .elementor-item{
    font-size: 30px !important;
    font-family: 'Playfair Display' !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    color: #ffffff !important;
  }
  .dialog-close-button{
    content: url(https://cajoan.ethos-media.com/wp-content/uploads/2021/11/Recurso-5footer.svg) !important;
    width: 30px!important;
  }

  .abp-menu-principal .elementor-nav-menu .sub-arrow {
    content: url(https://cajoan.ethos-media.com/wp-content/uploads/2022/02/iconoRecurso-2mas.svg) !important;
    width: 30px!important;
  }

  body:not(.rtl) #elementor-popup-modal-2106 .dialog-close-button {
    width: 30px!important;
    content: url(https://cajoanaltea.com/wp-content/uploads/2022/05/Recurso-1icono-1.svg) !important;
  }
  .abp-secciones{
    background-size: 60% auto !important;
  }


.abp-titulo-valores h3{
  font-size: 30px !important;
  font-family: 'Playfair Display' !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: black !important;
}
.elementor-animated-content .elementor-animated-item--fade-in {
  opacity: 1 !important;
}


}