/*
Theme Name: Teamlabs
Theme URI: http://www.garajedoce.com/themes/teamlabs/
Version: 1.0
Description: El tema de la web de Teamlabs
Author: garajedoce
Author URI: http://www.garajedoce.com/
Template: Divi
*/



:root {

    /*  ANCHURAS DE CONTENIDO   */
    --ancho-desktop:              80%;
    --ancho-tablet:               90%;
    --ancho-mobile:               95%;
    --ancho-botonera:           100%;
    --ancho-maximo-desktop:      1380px;
    --ancho-maximo-mobile:      100%;
    --ancho-estrecha-desktop:   50%;
    --ancho-estrecha-maximo-desktop:     600px;
    --ancho-estrecha-mobile:   100%;
  
  
    /*   SEPARACIONES ENTRE ELEMENTOS   */
    --separacion:             20px;

  
    /* Definicio de COLORES */
    --color-azul: #132741;
    --color-magenta: #ff72b8;
    --color-azul-claro: #6afbff;
    --color-amarillo: #fffa66;
    --color-verde: #D0F172;
    --color-naranja: #ffa388;

	--tec-color-event-icon-hover: #112742;
    --tec-color-accent-primary: #112742;
    --tec-color-accent-primary-hover: white;;
    --tec-color-accent-primary-active: #6afbff;

  }

  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  /*  GENERAL */

  h1, h2, h3, h4, h5, h6 {
    
    padding-bottom: 0px;
  }

  #mega-menu-item-10020 a,
  #mega-menu-item-10021 a,
  #mega-menu-item-10022 a
  {
    text-transform: inherit !important;
  }

  .mega-menu-item.widget_text p
  {
    font-weight: 400;
  }

  .redondeada img
  {
    border-radius: 30px;
    height: auto !important;
    object-fit: cover;
  }

   .redondeada.dcha li
  {
    display: flex !important;
    justify-content: flex-end;
  } 

  .et_monarch .et_pb_post_content .et_social_networks  .et_social_icons_container
  {
    display:flex;
    justify-content: center;
  }

  .et_monarch .et_pb_post_content .et_social_inline_bottom .et_social_networks  .et_social_icons_container
  {
    margin-top:40px !important;
  }
  
  li.et_social_twitter i.et_social_icon.et_social_icon_twitter:before,
  li.et_social_twitter i.et_social_icon.et_social_icon_twitter:after
  {
	content: "\e61b";
	font-family: "Font Awesome 6 Brands" !important;
  }

  .et-l.et-l--post
  {
    background-color: #65faff!important;
  }

	p.legal
	{
		font-size:10px;
		line-height:1em;
	}

  #et-boc .area-outer-wrap[data-da-color=light] .da-close {
    -webkit-box-shadow: 0 0 3px 1px #00000008;
    box-shadow: 0 0 3px 1px #00000008;
    color: white;
    font-size: 30px;
  }

  #et-boc .area-outer-wrap[data-da-area=form-dossier] .da-close
  {
    color:black;
  }

  /*  Menu principal  */
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu
  {
      display: flex;
      justify-content: space-between;
	  align-items: baseline;
  }

  #mega-menu-wrap-primary-menu .mega-menu-link .mega-indicator
  {
    display:none !important;
  }

  ul.lista
  {
    list-style: none; /* Remove default bullets */
    padding-left:30px;
  }

  ul.lista li::before
  {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--color-azul-claro);
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-size: 25px;
  }

  ul.lista li
  {
    margin-top:5px;
  }

  .et_pb_module.cartilla.newsletter .et_pb_ajax_pagination_container article .entry-title
  {
    height:80px;
  }

  .et_pb_module.cartilla.newsletter .et_pb_ajax_pagination_container article a.entry-featured-image-url
  {
    margin-bottom:10px;
  }
 
/*  EVENTOS */
body.post-type-archive-tribe_events #et-main-area
  { 

    background-image: url(/wp-content/uploads/01_cabecera_f_r.jpg)!important;
    background-size: 100% 500px;
    background-repeat: no-repeat;
    background-color: #6afbff;
  }

  .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week
  {
    border-color: white !important;
  }

  .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day
  {
    border-color: white !important;

  }

  .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body
  {
    border-color:white;
  }

  .tribe-events .tribe-events-calendar-list__month-separator:after
  {
    background-color: white !important;
  }
  .tribe-events .tribe-events-c-search__button
  {
    background-color: var(--color-azul);
    color: var(--color-azul-claro);
  }

  .tribe-events .tribe-events-c-search__button:hover
  {
    background-color:var(--color-azul-claro);
    color:  var(--color-azul) !important;
	      border: 2px solid var(--color-azul) !important;
  }

  body.post-type-archive-tribe_events #et-main-area .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col img
  {
    border-radius: 30px 30px 30px 30px;
  }

  body.post-type-archive-tribe_events #et-main-area h1
  { 
      margin-bottom:30px;
      font-size: 65px;
      color: #FFFFFF!important;
      line-height: 0.9em;
      font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
      font-weight:500;
  }

  body.post-type-archive-tribe_events .tribe-events-view
  {
    padding-top:155px;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container
  {
    max-width: 95%;
    padding:0px !important;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-header
  {
    background-color: #6afbff;
    border-radius: 30px 30px 0px 0px;
    padding: 20px 50px 0px 50px;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-before-html
  {
    padding-left:50px;
    width: 95%;
	  margin-top:50px;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-calendar-list,
  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-calendar-month
  {
    background-image: linear-gradient(180deg,#6afbff 0%,#ffffff 100%);
    border-radius: 0px;
    padding: 0px 50px 0px 50px;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-calendar-list-nav
  {
    background-color: white;
    border-radius: 0px;
    padding: 20px 50px 10px 50px;
  }

  body.post-type-archive-tribe_events .tribe-events-l-container .tribe-events-c-subscribe-dropdown__container
  {
    background-color: white;
    padding: 20px 50px 10px 50px;
    border-radius: 0px 0px 30px 30px;
  }

  .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row:last-child {
    margin-bottom: 0px;
    padding-bottom: 30px;
}
  
  /*  listado proyectos leinn */
  .listado-proyectos.leinn article
  {
    background-color: var(--color-amarillo);
    border: 0px;
    height:400px;
  }

  .listado-proyectos .et_pb_salvattore_content
  {
    display:flex;
    justify-content:center;
  }

  .listado-proyectos.leinn article .et_pb_image_container 
  {
    margin: -20px -20px -20px;
  }


  .listado-proyectos .column
  {
    margin:0px;
    justify-content: center;
    max-width: 350px;
  }

  .proyecto-bola.titulo
  {
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    color: #132741!important;
    font-size:30px;
    line-height: 0.7;
    padding-bottom:5px;
  }

  .camino-migas a,
  .camino-migas 
  {
    font-size: 12px;
    color: initial;
    font-weight: lighter;
  }

  /* BLOG */

  .et_pb_post_content blockquote
  {
    border-color: transparent;
    background-image: url(/wp-content/uploads/quote.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: -125px;
    padding-left: 125px;
    font-size: 25px;
    min-height: 95px;
    display: flex;
    align-items: center;
    font-weight:600;
  }

  /* Cartillas  */
  .cartilla-equipo .et_pb_team_member_description
  {
    padding:30px;
  }
  .cartilla-equipo .et_pb_team_member_image
  {
    max-width:100%;
  }

  .cartilla.newsletter article > a
  {
    height: 350px;
  }

  .cartilla.newsletter article > a > img
  {
    height:100%;
    object-fit: cover;
  }


  .anuncio-icono-modulos .titulo
  {
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size: 37px;
    font-weight: 300;
  }

  .opinion-quote .title
  {
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
  }

  .en-columna.texto .titulo
  {
    font-size:18px;
    font-weight: bold;;
  }

  /*  Divi Colum Carousel */

  .et_pb_column.galeria-centrada .slick-slide,
  .et_pb_column.galeria-centrada .slick-slide > div
  {
    display: flex;
    justify-content: center;
  }

  .anuncio-comunidad .et_pb_blurb_container,
  .anuncio-escudo .et_pb_blurb_container
  {
    height: 75px;
  }

  .cartilla .et_pb_main_blurb_image img
  {
    height:350px;
    object-fit: cover;
  }

  .cartilla .et_pb_blurb_container,
  .anuncio-comunidad .et_pb_blurb_container,
  .anuncio-escudo .et_pb_blurb_container
  {
    padding: 0px 25px 10px 25px;
  }

  .et_pb_blurb.cartilla .et_pb_blurb_description .titulo
  {
    font-weight: 700;
  }

  .et_pb_blurb.cartilla.anuncio-escudo .et_pb_blurb_description .titulo
  {
      font-size: 28px;
      text-transform: uppercase;

  }

  .et_pb_blurb.cartilla.anuncio-escudo .et_pb_blurb_description .titulo.medio
  {
      font-size: 28px;
  }

  .et_pb_blurb.cartilla.anuncio-escudo .et_pb_blurb_description .titulo.pequenyo
  {
      font-size: 28px;
  }


  .et_pb_blurb.cartilla.anuncio-evento .et_pb_blurb_description .titulo
  {
      font-size: 20px;
      font-weight: 700;
      line-height: 1em !important;
      margin-bottom: 10px;
  }

  .et_pb_blurb.cartilla.anuncio-comunidad .et_pb_blurb_description .titulo
  {
      font-size: 22px;
      padding-bottom:10px;
  }

  .et_pb_blurb.cartilla .et_pb_blurb_description p
  {
    padding-bottom: 0px;
    line-height: unset;
  }

  /*.anuncio-comunidad .et_pb_blurb_container .et_pb_module_header,
  .anuncio-escudo .et_pb_blurb_container .et_pb_module_header
  {
    white-space: nowrap;
  }*/

  p.texto-sidebar
  {
    font-size: 12px;
    font-weight: lighter;
  }

  
  .et_pb_module.et_pb_blurb.cartilla.administracion,
  .et_pb_module.et_pb_blurb.cartilla.corporaciones.mtalent,
  .et_pb_module.et_pb_blurb.cartilla.corporaciones.nuevosroles,
  .et_pb_module.et_pb_blurb.cartilla.corporaciones.okr,
  .et_pb_module.et_pb_blurb.cartilla.corporaciones.mtll
  {
    background: linear-gradient(0deg, rgba(208,241,114,1) 50%, rgba(106,251,255,0) 50%);
  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.administracion
  {
    background-color:var(--color-verde);
  }

  .et_pb_module.et_pb_blurb.cartilla.color-rosa
  {
    background: linear-gradient(0deg, rgba(255,114,184,1) 50%, rgba(106,251,255,0) 50%);
  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.color-rosa
  {
    background-color:var(--color-magenta);
  }


  .et_pb_module.et_pb_blurb.cartilla.corporaciones
  {
    background: linear-gradient(0deg, rgba(106,251,255,1) 50%, rgba(106,251,255,0) 50%);
  }

  .et_pb_module.et_pb_blurb.cartilla.corporaciones.mtalent
  {
    background: linear-gradient(0deg, #ffa388 50%, rgba(106,251,255,0) 50%);
  }
  
  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.corporaciones,
  .cartilla.newsletter article
  {
    background-color:var(--color-azul-claro);
  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.corporaciones.mtalent
  {
    background-color:var(--color-naranja);
  }

  .et_pb_module.et_pb_blurb.cartilla.leinn
  {
    background: linear-gradient(0deg, rgba(255,250,102,1) 50%, rgba(106,251,255,0) 50%);

  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.leinn
  {
    background-color:var(--color-amarillo);
  }

  .et_pb_module.et_pb_blurb.cartilla.educativas
  {
    background: linear-gradient(0deg, rgba(255,163,136,1) 50%, rgba(106,251,255,0) 50%);
  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.educativas
  {
    background-color:var(--color-naranja);
  }

  .et_pb_module.anuncio-comunidad.color-blanco,
  .et_pb_module.anuncio-escudo.color-blanco
  {
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(106,251,255,0) 50%);
  }

  .et_pb_module.et_pb_blurb.cartilla.anuncio-evento.color-blanco
  {
    background-color:#ffffff;
  }



  .anuncio-comunidad .et_pb_module_header,
  .anuncio-escudo .et_pb_module_header
  {
    padding-left:0px !important;
  }

  .anuncio-escudo .et_pb_blurb_container
  {
    line-height: 1.2;
  }

  /*.anuncio-escudo .et_pb_blurb_description > p:nth-child(2)
  {
    font-weight: 300;
    font-size: 16px;
  }*/

  .galeria-centrada .slick-slide > div
  {
    width: 100%;
  }

  .galeria-centrada .et_pb_blurb_content
  {
    max-width:unset !important;
  }

  .galeria-centrada .slick-slide .et_pb_blurb .et_pb_main_blurb_image,
  .galeria-centrada .slick-slide .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap,
  .galeria-centrada .slick-slide .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap img
  {
    width:100%;
  }
  .galeria-centrada .slick-slide .et_pb_blurb .et_pb_main_blurb_image
  {
    margin-bottom:10px;
  }
  .galeria-centrada .slick-slide .et_pb_blurb
  {
    border-radius: 65px 65px 65px 65px;
  }

  .columna-cubo
  {
    display:flex;
  }

  .et_pb_row.columna-cubo .et_pb_column 
  {
    margin:auto !important;
  }

  .img-cover img
  {
    object-fit:cover;
  }

  /*.columna-cubo:hover .et_pb_colum .et_pb_text_inner p{
    color:red;
  }*/

  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu.mega-menu-accordion
  {
    border-radius: 0px 0px 0px 65px;
    height: calc(100vh - 130px);
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on
  {
    background-image: url('/wp-content/uploads/selector-menu.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 30px;
  }

  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-item > a.mega-menu-link
  {
    line-height: unset;
  }

  .et_pb_side_nav
  {
    display:none;
  }

  /*  menu  */
  #mega-menu-secondary-menu > li.mega-menu-item
  {
    padding-left:30px !important;
  }

  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu > li.mega-menu-item > a.mega-menu-link
  {
    font-weight:500;
  }

  #mega-menu-secondary-menu
  {
    width: 305px !important;
  }


  #mega-menu-item-342
  {
    border-top: 1px solid var(--color-azul-claro) !important;
    padding-top: 25px !important;
  }

  #mega-menu-item-343
  {
    padding-bottom: 25px !important;    
  }

  .texto-azul,
  .texto-azul p
  {
    color: var(--color-azul);
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, 
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, 
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, 
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, 
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover
  {
    /*font-weight: 600 !important;*/
    white-space: nowrap;
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item>a.mega-menu-link
  {
    line-height: 1em !important;
  }

  /*  Formulario CF7  */
  .contact-form .grupo
  {
    display: flex;
    gap: 10px;
  }

  .contact-form .grupo br
  {
    display:none;
  }


  
  .contact-form .wpcf7-form-control-wrap input:not([type="checkbox"]),
  .contact-form .wpcf7-form-control-wrap select,
  .contact-form .wpcf7-form-control-wrap textarea
  {
    background-color: #ffe3db;
    border:0px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 20px;
    color: var(--color-azul);
  }

  .contact-form .grupo .wpcf7-form-control-wrap
  {
    width: 100%;
  }

  .contact-form
  {
    font-weight: 400;
  }



  .contact-form .wpcf7-form-control-wrap textarea
  {
    height: 300px;
    padding:30px;
  }

  .contact-form .wpcf7-form-control-wrap input::placeholder,
  .contact-form .wpcf7-form-control-wrap textarea::placeholder

  {
    text-transform:uppercase;
    color: var(--color-azul);
  }

  .contact-form .grupo.uno > [data-name="email"]
  {
    width: 60%;
  }


  .contact-form .grupo.dos > [data-name="interesado"]
  {
    width: 40%;
  }

  input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea
  {
    height: 40px;
    padding-left: 35px;
  }

  .contact-form-preguntanos select
  {
    background-color: red;
  }

  .btn-dosier{
    line-height: 28px !important;
  }

.post-template-default h2, .post-template-default h3, .post-template-default h4{
	margin-bottom: 20px;
}

.post-template-default h2{
	margin-top:40px;
	font-size:32px;
}

.post-template-default h3{
	margin-top:30px;
}

.post-template-default .wp-block-buttons{
	margin-top:20px;
}

  /*  
      TABLET

  */

@media screen and (max-width: 980px) 
{

#noticia-destacada article.et_pb_post
{
  grid-template-rows: 50px auto;
}

}

  /*  
      MOBILE

  */

  @media screen and (max-width: 768px) 
  {
    /*  CARTILLAS */

    .et_pb_blurb.cartilla.anuncio-escudo .et_pb_blurb_description .titulo
    {
        font-size: 40px;
    }

    .contact-form .grupo
    {
      gap:1px;
      flex-wrap:wrap;
    }

    .contact-form .grupo.uno > [data-name="email"]
    {
      width:100%;
    }


      body.blog form.et_pb_searchform > div
      {
        flex-direction:column;
        gap:20px;
      }
  
      body.blog form.et_pb_searchform > div > input.et_pb_searchsubmit
      {
        width:100%;
      }

  }