@charset "utf-8";

/* ****************************************************************************
 * serveis REGION STYLES
 * ****************************************************************************
 */

/*
 * PAGE Serveis
 * ****************************************************************************
 */
.tm-zone-node-servei .tm-region-node-item-top {

}
.tm-zone-node-servei .tm-region-node-item-left {
  display               : inline-block;
  border-top            : 1px solid #000000;
  vertical-align        : top;
  width                 : 600px;
  margin                : 20px 0px 0px 0px;
  padding-top           : 10px;
}
.tm-zone-node-servei .tm-region-node-item-right {
  display               : inline-block;
  border-top            : 1px solid #000000;
  vertical-align        : top;
  width                 : 245px;
  margin                : 20px 0px 0px 30px;
  padding-top           : 10px;
}



/*
 * REGION Llista Serveis
 * ****************************************************************************
 */
.tm-region-serveis .view-content {
  display               : flex;
  flex-direction        : row;
  flex-wrap             : wrap;
  justify-content       : space-between;
  margin                : 0px 0px;
}

.tm-region-serveis .view-content .views-row {
  width                 : 278px;
  padding               : 0px 0px;
}



/*
 * REGION Llista Serveis
 * Overrides de tm_layout_region_node_list.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-serveis .tm-region-node-item {
  border-top            : 0px none;
  border-bottom         : 0px none;
  margin                : 10px 0px 10px 0px;
}

.tm-region-node-list.tm-region-serveis .tm-region-node-item-left {
  display               : block;
  background-color      : #E6E6E6;
  text-align            : center;
  width                 : 278px;
  height                : 185px;
}

.tm-region-node-list.tm-region-serveis .tm-region-node-item-right {
  display               : block;
  background-color      : #000000;
  width                 : 278px;
  height                : 72px;
}

.tm-region-node-list.tm-region-serveis .tm-region-node-item-left ~ .tm-region-node-item-right .tm-region-node-item-container {
  margin                : 0px 15px 0px 15px;
}

.tm-region-node-list.tm-region-serveis .tm-region-title-wrapper {
  line-height           : 72px;
}

.tm-region-node-list.tm-region-serveis h2.tm-region-title {
  display               : inline-block;
  vertical-align        : middle;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-serveis h2.tm-region-title a {
  color                 : #FFFFFF;
  font-size             : 18px;
  font-weight           : bold;
  padding               : 0px 0px 0px 0px;
}


.tm-region-node-list.tm-region-serveis .tm-node-media-wrapper img {
  width                 : auto;
  height                : auto;
}



/*
 * REGION Llista Serveis fill
 * ****************************************************************************
 */
.tm-region-serveis-fill .views-exposed-form {
  margin-bottom: 30px;
}

.tm-region-serveis-fill .views-exposed-form select {
  height: 28px;
}

.tm-region-serveis-fill .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 35px;
}

.tm-region-serveis-fill .view-content {
  display               : flex;
  flex-direction        : row;
  flex-wrap             : wrap;
  justify-content       : space-between;
  margin                : 0;
}

.tm-region-serveis-fill .view-content .views-row {
  display               : flex;
  width                 : 278px;
  padding               : 0px 0px 0px 0px;
  margin                : 10px 0px 10px 0px;
}

.tm-region-node-list.tm-region-serveis-fill .tm-logotipus {
  padding               : 0px;
}



/*
 * REGION Llista Serveis fill
 * Overrides de tm_layout_region_node_list.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-serveis-fill .tm-region-node-item {
  border-top            : 0px none;
  border-bottom         : 1px solid #000000;
  height                : 100%;
  margin                : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-serveis-fill .tm-region-title-wrapper {
  display               : table;
  line-height           : 72px;
  margin-bottom         : 10px;
}

.tm-region-node-list.tm-region-serveis-fill h2.tm-region-title {
  display               : table-cell;
  background-color      : #000000;
  color                 : #FFFFFF;
  font-size             : 18px;
  font-weight           : bold;
  vertical-align        : middle;
  width                 : 248px;
  height                : 72px;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 15px 0px 15px;
}



/*
 * REGION Llista Serveis fill
 * Overrides de tm_widget_file.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-serveis-fill .tm-files-group-wrapper .file-icon {
  display               : none;
}

.tm-region-node-list.tm-region-serveis-fill .tm-files-group-wrapper li {
  margin-bottom         : 2px;
}

.tm-region-node-list.tm-region-serveis-fill .tm-files-group-wrapper .file {
  display               : table;
}

.tm-region-node-list.tm-region-serveis-fill .tm-files-group-wrapper .file a {
  display               : table-cell;
  background            : url('../images/icon/icon-documents.png') no-repeat center left;
  background-size       : 18px 22px;
  color                 : #000;
  font-size             : 14px;
  vertical-align        : middle;
  height                : 30px;
  padding-left          : 25px;
}



/*
 * REGION Llista Serveis fill
 * Overrides de tm_widget_field_link.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-serveis-fill .field-collection-item-field-link .tm-icon {
  display               : none;
}

.tm-region-node-list.tm-region-serveis-fill .field-collection-item-field-link {
  display               : table;
}

.tm-region-node-list.tm-region-serveis-fill .field-collection-item-field-link a {
  display               : table-cell;
  background            : url('../images/icon/icon-link.png') no-repeat center left;
  background-size       : 20px 20px;
  color                 : #000;
  font-size             : 14px;
  vertical-align        : middle;
  height                : 30px;
  padding-left          : 25px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* REGION Llista Serveis
   --------------------------------------------------------------------------*/
  .tm-region-serveis .view-content .views-row {
    width               : 225px;
  }

  /* REGION Llista Serveis
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-serveis .tm-region-node-item-left {
    width               : 225px;
    height              : 150px;
  }

  .tm-region-node-list.tm-region-serveis .tm-region-node-item-right {
    width               : 225px;
  }

  .tm-region-node-list.tm-region-serveis h2.tm-region-title a {
    font-size           : 16px;
  }

  /* REGION Llista Serveis fill
   --------------------------------------------------------------------------*/
  .tm-region-serveis-fill .view-content .views-row {
    width               : 225px;
  }
}



/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* REGION Llista Serveis
   --------------------------------------------------------------------------*/
  .tm-region-serveis .view-content .views-row {
    width               : 235px;
  }

  /* REGION Llista Serveis
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-serveis .tm-region-node-item {
    margin              : 5px 0px 5px 0px;
  }

  .tm-region-node-list.tm-region-serveis .tm-region-node-item-left {
    width               : 235px;
    height              : 159px;
  }

  .tm-region-node-list.tm-region-serveis .tm-region-node-item-right {
    width               : 235px;
  }

  /* REGION Llista Serveis fill
   --------------------------------------------------------------------------*/
  .tm-region-serveis-fill .view-content .views-row {
    width               : 234px;
  }
}



/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* REGION Llista Serveis
   --------------------------------------------------------------------------*/
  .tm-region-serveis .view-content .views-row {
    width               : 235px;
  }

  /* REGION Llista Serveis
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-serveis .tm-region-node-item {
    margin              : 5px 0px 5px 0px;
  }

  .tm-region-node-list.tm-region-serveis .tm-region-node-item-left {
    width               : 235px;
    height              : 159px;
  }

  .tm-region-node-list.tm-region-serveis .tm-region-node-item-right {
    width               : 235px;
  }

  /* REGION Llista Serveis fill
   --------------------------------------------------------------------------*/
  .tm-region-serveis-fill .view-content .views-row {
    width               : 234px;
  }
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* REGION Llista Serveis
   --------------------------------------------------------------------------*/
  .tm-region-serveis .view-content {
    display             : block;
  }
  .tm-region-serveis .view-content .views-row {
    margin              : 0 auto;
  }

  /* REGION Llista Serveis fill
   --------------------------------------------------------------------------*/
  .tm-region-serveis-fill .view-content {
    display             : block;
  }
  .tm-region-serveis-fill .view-content .views-row {
    margin              : 0 auto;
  }
}