@charset "utf-8";

/* ****************************************************************************
 * Link FIELD WIDGET
 * ****************************************************************************
 */


.tm-link-collection .field-label {
  margin-bottom         : 10px;
}

.tm-link-collection li.tm-link-item {
  margin-bottom         : 4px;
}



/*
 * Links group
 *
 * Show links on the right, in the same way than contact method list.
 * This style is intended to use on pages where a list of nodes is shown
 * through a viewfield field.
 *
 * The following pairs are considered as synonyms, and the name depends on the
 * component that is generating the html code.
 * tm-links-group-wrapper  / field-collection-item-field-link
 *
 * ****************************************************************************
 */
.tm-region-node-list .tm-links-group-wrapper {
  text-align            : left;
}

.tm-region-node-list .tm-links-group-wrapper ul,
.tm-region-node-list .field-collection-item-field-link ul {
  list-style            : none;
  text-align            : left;
  padding               : 0 0 0 0;
}

.tm-region-node-list .tm-links-group-wrapper li,
.tm-page-node .tm-widget-content .tm-region-node-list .tm-links-group-wrapper li
.tm-region-node-list .field-collection-item-field-link li,
.tm-page-node .tm-widget-content .tm-region-node-list .field-collection-item-field-link li {
  line-height           : 1em;
}

.tm-region-node-list .tm-links-group-wrapper .tm-icon,
.tm-region-node-list .field-collection-item-field-link .tm-icon {
  display               : inline-block;
  float                 : left;
  text-align            : center;
  width                 : 25px;
  margin-right          : 5px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
}