@charset "utf-8";

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

/*
 * Icon list
 * ****************************************************************************
 */
.tm-region-relacions-institucionals-icon-list-container {
  border-top            : 1px solid #000000;
}

.tm-region-relacions-institucionals-icon-list-container .tm-region-title {
  font-size             : 24px;
  text-align            : left;
  padding-top           : 15px;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list .tm-region-node-item {
  border-top            : 0px none;
  border-bottom         : 0px none;
  height                : 72px;
  margin                : 10px 0px 10px 0px;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list .view-content {
  display               : flex;
  flex-direction        : row;
  flex-wrap             : wrap;
  justify-content       : space-between;
  margin                : 0 -5px;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list .view-content .views-row {
  width                 : 72px;
  padding               : 0 5px;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list .tm-region-node-item div {
  display               : inline;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list img {
  max-width             : 72px;
  max-height            : 72px;
  width                 : auto;
  height                : auto;
}



/*
 * Icon list - Image centered
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-relacions-institucionals-icon-list .tm-region-node-item {
  text-align            : center;
  white-space           : nowrap;
}

.tm-region-node-list.tm-region-relacions-institucionals-icon-list .tm-region-node-item:before {
  content               : '';
  display               : inline-block;
  height                : 100%;
  vertical-align        : middle;
  margin-right          : -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can also be of any width and height */
.tm-region-node-list.tm-region-relacions-institucionals-icon-list .tm-region-node-item .tm-region-node-item-container {
  display               : inline-block;
  vertical-align        : middle;
  width                 : 72px;
}



/*
 * 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) {
}