/* 
Plugin Name:     BLM
Description:     Mobile del maquetador de Blacklight
Author:          Ingenima
Template:        blacklight
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Timeline

--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
# Timeline
--------------------------------------------------------------*/ 
@media only screen and (max-width: 766px) {

  .blm-timestart .row::before {
    content:'';
    position:absolute;
    right:2px;
    top:calc(50% - 25px);
    width:50px;
    height:50px;
  }

  .blm-timestart .row::after {
    counter-increment: section; 
    content: counter(section);
    position:absolute;
    top:calc(50% - 20px);
    right:20px;
    z-index:99;
    font-size:25px;
    font-weight:bold;
    color:#fff;
  }

  .blm-timestart .row .blm-timecol::before
  .blm-timestart .row {
    position:relative;
  }

  /* Linea */
  .blm-timestart .row .blm-timecol::before {
    background-color:#000;
    content:'';
    width:2px;
    position:absolute;
    right:-35px;
  }

  /* Linea de primer elemento */
  .blm-timestart .row:nth-child(1) .blm-timecol::before {
    height:50%;
    top:50%;
  }

  /* Linea de elementos del medio */
  .blm-timestart .row .blm-timecol::before {
    height:100%;
    top:0;
  }

  /* Linea de ultimo elemento */
  .blm-timestart .row:last-child .blm-timecol::before {
    height:50%;
    top:0%;
  }
}