/*
 Theme Name:     Oscar Divi Hijo
 Theme URI:      www.infocop.es
 Description:    Tema hijo de DIVI
 Author:         Oscar Ferrandis	
 Author URI:     www.cop.es
 Template:       Divi
 Version:        1.0
*/
 
 
/* Empieza a personalizar ------------------------------------------------------- */



/*   ICONOS DE REDES SOCIALES PARA PODER PONER EN EL MENÚ DIRECTAMENTE */

/* PARA AGREGAR POR EJEMPLO EN ENLACES PERSONALIZADOS 

<span class="divi-twitter"></span>*/

/*
Facebook = content: "\e093";
Twitter = content: "\e094";
Google Plus = content: "\e096";
Pinterest = content; "\e095";
LinkedIn = content: "\e09d";
Instagram = content: "\e09a";
Tumblr = content: "\e097";
Skype = content: "\e0a2";
Flickr = content: "\e0a6";
Myspace = content: "\e0a1";
Dribbble = content: "\e09b";
YouTube = content: "\e0a3";
Vimeo = content: "\e09c";
RSS = content: "\e09e";
*/
 

.divi-twitter:after {
  content: "\e094";
  display: block;
  font-family: "ETmodules";
  font-weight: normal;
  }
  
  .divi-facebook:after {
  content: "\e093";
  display: block;
  font-family: "ETmodules";
  font-weight: normal;
  }
  
  .divi-linkedin:after {
  content: "\e09d";
  display: block;
  font-family: "ETmodules";
  font-weight: normal;
  }
  
  .divi-instagram:after {
  content: "\e09a";
  display: block;
  font-family: "ETmodules";
  font-weight: normal;
  }
  
  .divi-youtube:after {
  content: "\e0a3";
  display: block;
  font-family: "ETmodules";
  font-weight: normal;
  }
  
  
  /* PERSONALIZAR LA CAJA DE BUSQUEDA que sale con la LUPA */
  @media only screen and (min-width: 670px) {
  .et_pb_menu .et_pb_menu__search-input {
      /* border: 1px solid #bbb;*/
      width: 100%;
      color: #333;
      background: transparent;
  
      /* padding-top: 100px; 
      bottom:100px; */
   }
  }
  
  /* Personalizar la capa del cajon de busqueda que sale con la lupa para desbordarse y no se haga tan pequeña en móviles*/    
  @media only screen and (max-width: 670px) {
  .et_pb_menu__search {
  /*  border: 1px solid #bbb; */
    color: #333;
    position: absolute;
    top: 80px;
    left: 50%;
    width: 390px;
    height: 27px;
    transform: translateX(-50%); 
    font-size: 13px !important;
    
    
    background: white;
    /* width: 98%; 
	  background-color: white; */
  }
  }
  
  /*.salida {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background-color: red;
  }*/
  
  
  /* Ocultar o mostrar entradas en los menus segun dispositivos. Usado para las rrss de movil como una línea todas */
  /* hay que poner la clase en el elemento del menú que queramos mostar u ocultar */
  
  
  /* en escritorio ocultamos los RSS en conjunto */
  @media only screen and (max-width: 981px) {
      .clase-pc { 
       display: none !important;
      }
  }
  
  
  /* en moviles ocultamos los rss individuales */
  @media only screen and not (max-width: 981px) {
      .clase-movil { 
        display: none !important;
      }
  }
  
  
  /* NEGACIONES los que no son mobile
  @media only screen and (max-width: 981px) {
      #mobile_menu li:not(.mobile-menu-item) { 
          display: none; 
      }
  }
  */
  
  /*
  @media only screen and (max-width: 980px) {
      .et_pb_searchform {
        position: absolute;
        top: 1%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
      }
    }
  */
  
  
  /*
  .et_pb_menu__search-button:before {
    content: "Buscar \f002";
    font-family: "Poppins";
    
    font-weight: 900;
    margin-right: 5px;
  }
  
  */