@charset "utf-8";

/* ****************************************************************************
 * region-author-datasheet STYLES
 * 
 * Defines the following elements:
 *  - Picture
 *  - Description
 * ****************************************************************************
 */


/*
 * Picture
 * ****************************************************************************
 */
.tm-author-datasheet-picture {
  float                 : left;
  margin                : 10px 12px 12px 0px;
}

.tm-author-datasheet-picture img {
  width                 : 150px;
  height                : auto;
}



/*
 * Professional position
 * ****************************************************************************
 */
.tm-author-datasheet-professional-position {
  font-weight           : bold;
}

.tm-author-datasheet-picture + .tm-author-datasheet-professional-position {
  float                 : left;
  margin                : 0px 0px 0px 20px;
  width                 : 580px;
}



/*
 * Description
 * ****************************************************************************
 */
.tm-author-datasheet-picture + .tm-author-datasheet-description,
.tm-author-datasheet-picture + .tm-author-datasheet-professional-position + .tm-author-datasheet-description {
  float                 : left;
  margin                : 0px 0px 0px 20px;
  width                 : 580px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Professional position
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position {
    width               : 735px;
  }
  
  /* Description
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-description,
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position + .tm-author-datasheet-description {
    width               : 735px;
  }
}



/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Professional position
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position {
    width               : 543px;
  }
  
  /* Description
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-description,
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position + .tm-author-datasheet-description  {
    width               : 543px;
  }
}



/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Picture
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture {
    float               : initial;
  }
  
  /* Professional position
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position {
    float               : initial;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
  
  /* Description
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-description,
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position + .tm-author-datasheet-description  {
    float               : initial;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Picture
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture {
    float               : initial;
  }
  
  /* Professional position
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position {
    float               : initial;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
  
  /* Description
   --------------------------------------------------------------------------*/
  .tm-author-datasheet-picture + .tm-author-datasheet-description,
  .tm-author-datasheet-picture + .tm-author-datasheet-professional-position + .tm-author-datasheet-description  {
    float               : initial;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
}