@charset "utf-8";

/* ****************************************************************************
 * Node List REGION STYLES
 *
 * Defines the following elements:
 *  - tm-region-node-list
 *    # tm-region-node-item
 *      + tm-region-node-item-left
 *        $ tm-foto-perfil
 *        $ tm-logotipus
 *        $ tm-region-calendar-wrapper
 *          - tm-region-calendar
 *    # tm-region-node-item-right
 *      + tm-region-node-item-container
 *        $ tm-region-title-wrapper
 *          - tm-region-title
 *          - tm-region-subtitle
 *        $ tm-content-wrapper
 *          - tm-body-wrapper
 *          - tm-contact-method-group-wrapper [veure tm_widget_field_contact_method.css]
 *        $ tm-demarcation
 *        $ tm-horari
 *        $ tm-direccio
 *        $ tm-lloc
 * ****************************************************************************
 */



/*
 * Teaser list
 * ****************************************************************************
 */

/* Ús a: Formació continuada */
.tm-region-node-list-wrapper {
  margin-bottom         : 50px;
}

.tm-region-node-list .tm-region-node-item {
  position              : relative;
  background-color      : #FFFFFF;
  border-top            : 1px solid black;
  border-bottom         : 5px solid black;
  margin                : 15px 0px 30px 0px;
}



/*
 * Teaser list - Article main content
 * ****************************************************************************
 */
.tm-region-node-list .tm-region-node-item-left {
  display               : table-cell;
  text-align            : center;
  vertical-align        : middle;
  width                 : 170px;
}

.tm-region-node-list .tm-region-node-item-right {
  display               : inline-block;
  vertical-align        : top;
  max-width             : 100%;
}

.tm-region-node-list .tm-region-node-item-left ~ .tm-region-node-item-right {
  display               : table-cell;
  width                 : 675px;
}

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



/*
 * Teaser list - Footer
 * ****************************************************************************
 */
.tm-region-node-list div.tm-region-node-item-footer {
  background-color      : #DCDCDC;
  text-align            : right;
  height                : 22px;
}

.tm-region-node-list div.tm-region-node-item-footer .tm-date {
  font-size             : 12px;
  margin-right          : 10px;
}

.tm-region-node-list hr.tm-region-node-item-footer {
}



/*
 * Teaser list - Logotipus
 * ****************************************************************************
 */
.tm-region-node-list .tm-logotipus {
  padding               : 10px;
}

.tm-region-node-list .tm-logotipus .field-content {
  font-size             : 0px;
  line-height           : 0px;
}



/*
 * Teaser list - Media
 * ****************************************************************************
 */
.tm-region-node-list .tm-node-media-wrapper .tm-professional-picture {
  font-size             : 0px;
  line-height           : 0px;
}

/* Image content */
.tm-region-node-list .tm-node-media-wrapper .field-item {
  font-size             : 0px;
  line-height           : 0px;
}

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



/*
 * Teaser list - Article Date
 * ****************************************************************************
 */
.tm-region-node-list .tm-region-created-wrapper {
  background-color      : #DCDCDC;
  text-align            : right;
}

.tm-region-node-list .tm-region-created-wrapper .tm-node-publish-date {
  margin-right          : 10px;
  font-size             : 12px;
}



/*
 * Teaser list - Direcció
 * ****************************************************************************
 */
.tm-region-node-list .tm-direccio::before {
  content               : url('../images/icon/icon-direccio.png');
  position              : absolute;
  left                  : 0px;
  top                   : 3px;
}

.tm-region-node-list .tm-direccio {
  position              : relative;
  padding-left          : 20px;
}



/*
 * Teaser list - Data
 * ****************************************************************************
 */
.tm-region-node-list .tm-data::before {
  content               : url('../images/icon/icon-data.png');
  position              : absolute;
  left                  : 0px;
  top                   : 2px;
}

.tm-region-node-list .tm-data {
  position              : relative;
  padding-left          : 20px;
}



/*
 * Teaser list - Durada
 * ****************************************************************************
 */
.tm-region-node-list .tm-durada::before {
  content               : url('../images/icon/icon-durada.png');
  position              : absolute;
  left                  : 0px;
  top                   : 3px;
}

.tm-region-node-list .tm-durada {
  position              : relative;
  padding-left          : 20px;
}



/*
 * Teaser list - Idioma
 * ****************************************************************************
 */
.tm-region-node-list .tm-idioma::before {
  content               : url('../images/icon/icon-idioma.png');
  position              : absolute;
  left                  : 0px;
  top                   : 3px;
}

.tm-region-node-list .tm-idioma {
  position              : relative;
  padding-left          : 20px;
}



/*
 * Teaser list - Beques exhaurides
 * ****************************************************************************
 */
.tm-region-node-list .tm-beques-exhaurides {
  border                : 1px solid #E53E43;
  color                 : #E53E43;
  font-weight           : bold;
  text-align            : center;
  margin-top            : 5px;
  width                 : 100%;
}



/*
 * Teaser list in 2 columns
 * ****************************************************************************
 */
.tm-region-node-list-2col .view-content {
  display               : flex;
  flex-wrap             : wrap;
}

.tm-region-node-list-2col .views-row-odd {
  /*display               : inline-block;*/
  width                 : 50%;
}

.tm-region-node-list-2col .views-row-odd .tm-region-node-item {
  height                : calc(100% - 1em - 20px);
  margin                : 0 .5em 1em 0;
}

.tm-region-node-list-2col .views-row-even {
  /*float                 : right;*/
  width                 : 50%;
}

.tm-region-node-list-2col .views-row-even .tm-region-node-item {
  height                : calc(100% - 1em - 20px);
  margin                : 0 0 1em .5em;
}


/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  .tm-region-node-list .tm-region-node-item-left ~ .tm-region-node-item-right {
    width               : 490px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  .tm-region-node-item-left ~ .tm-region-node-item-right {
    width               : 580px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  .tm-region-node-list .tm-region-node-item {
    border-bottom       : 2px solid #CECECE;
    margin-bottom       : 40px;
  }

  .tm-region-node-item-left ~ .tm-region-node-item-right {
    width               : 480px;
  }

  /* Teaser list in 2 columns
   --------------------------------------------------------------------------*/
  .tm-region-node-list-2col .views-row-odd {
    float                 : none;
    width                 : 100%;
  }

  .tm-region-node-list-2col .views-row-odd .tm-region-node-item {
    margin                : 0 0 1em 0;
  }

  .tm-region-node-list-2col .views-row-even {
    float                 : none;
    width                 : 100%;
  }

  .tm-region-node-list-2col .views-row-even .tm-region-node-item {
    margin                : 0 0 1em 0;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  .tm-region-node-list .tm-region-node-item {
    border-bottom       : 2px solid #CECECE;
    margin-bottom       : 40px;
  }

  .tm-region-node-list .tm-region-node-item-left {
    width               : 25%;
  }

  .tm-region-node-list .tm-region-node-item-right {
    width               : 73%;
  }

  /* Teaser list in 2 columns
   --------------------------------------------------------------------------*/
  .tm-region-node-list-2col .views-row-odd {
    float                 : none;
    width                 : 100%;
  }

  .tm-region-node-list-2col .views-row-odd .tm-region-node-item {
    margin                : 0 0 1em 0;
  }

  .tm-region-node-list-2col .views-row-even {
    float                 : none;
    width                 : 100%;
  }

  .tm-region-node-list-2col .views-row-even .tm-region-node-item {
    margin                : 0 0 1em 0;
  }
}