@charset "utf-8";

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

/*
 * Government member in a node list
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-government-member .tm-region-node-item-left {
  text-align            : left;
  vertical-align        : top;
}

.tm-gov-position-members ul {
  list-style            : none;
  padding               : 0px 0px 0px 0px;
}



/*
 * Picture
 * ****************************************************************************
 */
.node-professional .tm-professional-picture {
  float                 : left;
  margin                : 0px 10px 10px 0px;
}

.node-professional .tm-professional-picture img {
  width                 : 170px;
  height                : auto;
}



/*
 * Professional info (a wrapper including any info except the picture)
 * ****************************************************************************
 */
.node-professional .tm-professional-picture + .tm-professional-info {
  float                 : left;
  width                 : 665px;
}



/*
 * Government position
 * ****************************************************************************
 */
.node-professional .tm-professional-government-position {
  font-weight           : bold;
}


/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Professional info
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture + .tm-professional-info {
    width               : 510px;
  }
}



/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Professional info
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture + .tm-professional-info {
    width               : 590px;
  }
}



/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Picture
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture {
    float               : none;
  }

  /* Professional info
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture + .tm-professional-info {
    float               : none;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Picture
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture {
    float               : none;
  }

  /* Professional info
   --------------------------------------------------------------------------*/
  .node-professional .tm-professional-picture + .tm-professional-info {
    float               : none;
    margin              : 0px 0px 0px 0px;
    width               : auto;
  }
}