/*
Theme Name: compromisoempresarial
Theme URI: compromisoempresarial.es
Author: Vidal Herrero
Author URI: http://www.vidalherrero.com
Template:     Divi
Description: compromisoempresarial child theme based on Divi
Version: 1.0
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


/* GENERIC todos tamanios */
#top-header .container {
  display: flex;
  justify-content: flex-end;
}


/* Contact Info */
#et-info {
  padding-right: 20px;
}


.con-separador:after {
  font-style: normal;
  content: "|";
  position: absolute;
  right: -13px;
  top: 0;
}

.quick-alo-phone-img-circle.notshake {
  width: 65px !important;
  height: 65px !important;
  border: none !important;
}

.comment_avatar {
  display: none;
}

.comment_postinfo {
  color: black;
  text-decoration: underline;
}

.comment-content {
  font-weight: 300;
  padding-bottom: 3px;
}

#left-area ol.commentlist li ul.children {
  padding: 2px 0 2px 12px;
}

/* FIN GENERIC */



/* Blog equal high */
.ce-blog-equal-height article {
  overflow: hidden;
}


#cookie-law-info-bar {
  width: 700px !important;
}

/* woocommerce producto renta */
.producto_renta2021 .cpcff-woocommerce-wrapper {
  margin-bottom: 20px;
}

.producto_renta2021 .cpcff-woocommerce-wrapper #formheader_1 .fform {
  margin-bottom: 0px;
}

/********************/
/* noticias tirant */
/********************/
#div_1 .extract  {
  margin-bottom: 20px;
}

#div_1 .btn-conecta  {
  background-color: #0cccc6!important;
  border: none!important;
  outline: 2px solid #0cccc6!important;
  transition: background-color 0.3s ease!important;
}
#div_1 .btn-conecta:hover  {
  background-color: #067a76!important;  
}


.noticia_tirant div.et_pb_text_inner {
  display: flex;
  flex-direction: column;
} 

.noticia_tirant > div.et_pb_text_inner > div.title_detalle   { order: 1; }
.noticia_tirant > div.et_pb_text_inner > div.imagen-detalle  { order: 2; }
.noticia_tirant > div.et_pb_text_inner > div.texto_detalle   { order: 3; }

.noticia_tirant > div.et_pb_text_inner > div.btn-volver      { 
  order: 4; 
}

.noticia_tirant .btn-conecta {
  background-color: #0cccc6!important;
  border: none!important;
  outline: none!important;
}



/******/
/* SPECIFIC DESKTOP */
@media (min-width: 981px) {

  .solo_movil {
    display: none !important;
  }

  .logo_iso {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .logo_iso a {
    padding-bottom: 0 !important;
  }

  .et_header_style_left #et-top-navigation,
  .et_header_style_split #et-top-navigation {
    padding: 10px 0 0 0 !important;
  }

  /* home vidal 01 02 */
  .hero-home .et_pb_row.et-last-child {
    display: flex !important;
    align-items: flex-end !important;
  }

  .hero-home .et_pb_row .et_pb_column_single {
    width: 44%;
  }

  /* home vidal 03 */
  .hero3-home .et_pb_row_0 {
    display: flex;
    align-items: flex-end;
  }

  .nav li.especializados ul {
    width: 270px;
  }


  #top-menu li.especializados li a {
    width: 240px;
  }


  .single-post #main-header {
    background-color: rgba(251, 251, 251, 1);
  }

  .relpost-block-single {
    padding: 20px !important;
  }




  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
      width: 190px !important;
      height: 250px !important;
      margin-bottom: 10px;
  }

  /* Cambiar forma de thumbnails a rectangular */
  .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
      width: 180px !important;
      height: 150px !important;
      object-fit: cover;
      border-radius: 8px;
  }

  .yarpp-related .yarpp-thumbnail-title {
    font-size: 90% !important;
    font-weight: 500 !important;
}

  .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    width: 180px !important;
    font-size: 12px;
    line-height: 1.2em;
    max-height: 5.8em;
  }


}

/* FIN DESKTOP */


/******/
/* MOBILE & TABLET */
@media (max-width: 980px) {

  .hero-home .et_pb_row.et-last-child {
    width: 84%;
    display: flex;
    flex-flow: row wrap;
  }

  .hero-home .et_pb_row .et_pb_column_single {
    order: 2;
    margin-bottom: 0;
  }

  /* color background menu movil */
  #main-header,
  #main-header .nav li ul,
  .et-search-form,
  #main-header .et_mobile_menu {
    background-color: #fcfcfc !important;
  }

  /* tamanio icono hambuerguesa y x */
  .mobile_menu_bar:before {
    font-size: 34px;
  }

  /* icono x para cerrar */
  .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    transition: .4s all;
  }


  /* menu item sin opacity */
  .et_mobile_menu li a:hover,
  .nav ul li a:hover {
    opacity: 1;
  }


  /* icono abrir cerrar */
  .et_mobile_menu .first-level {
    position: relative;
  }


  .et_mobile_menu .first-level>a:after {
    font-family: "ETmodules";
    content: "3";
    font-weight: 500;
    position: absolute;
    font-size: 16px;
    top: 13px;
    right: 10px;
  }

  .et_mobile_menu .first-level>.icon-switch:after {
    content: "2";
    color: #0998d1;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }

  /* menu expansible */
  .et_mobile_menu .second-level,
  .et_mobile_menu .last-level {
    display: none;
  }

  .et_mobile_menu>li.wpml-ls-item>ul>li {
    display: none;
  }

  .et_mobile_menu li.reveal-items {
    display: block;
    -webkit-animation: Grow 1s ease-in-out;
    animation: Grow 1s ease-in-out;
  }

  .et_mobile_menu>li.wpml-ls-item>ul>li.reveal-items {
    display: block;
    -webkit-animation: Grow 1s ease-in-out;
    animation: Grow 1s ease-in-out;
  }

  /* fin css de menu expansible */

}

/* ============================================================
   Herramientas gratuitas (page-id-21201): tarjetas de igual
   altura. Que el tamaño del cuadro NO dependa del texto del pie
   de la foto. Todas las imágenes son 608x360 (mismo ratio), así
   que basta con fijar la altura del bloque de texto y anclar el
   botón abajo en todas las tarjetas.
   Solo escritorio/tablet (>=981px): en móvil las columnas se
   apilan a ancho completo y la igualdad de altura no aplica.
   ============================================================ */
@media (min-width: 981px) {

  .page-id-21201 .et_pb_column_1_3 {
    display: flex;
    flex-direction: column;
  }

  /* el pie ocupa siempre lo mismo, sin importar las líneas de texto */
  .page-id-21201 .et_pb_column_1_3 .et_pb_text {
    min-height: 130px;
  }

  /* botón "Abrir calculadora" pegado abajo en todas las tarjetas */
  .page-id-21201 .et_pb_column_1_3 .et_pb_button_module_wrapper {
    margin-top: auto;
  }

}

/* FIN MOBILE & TABLET */