@charset "utf-8";

/* ****************************************************************************
 * Capçalera REGION STYLES
 * ****************************************************************************
 */



/*
 * Layout - Header
 * ****************************************************************************
 */
.tm-region-capcalera-header {
  display               : block;
  background            : url('../images/capcalera.jpg') no-repeat center center;
  border                : 1px solid #000000;
  color                 : #000000;
  height                : 80px;
  margin                : 15px 0px 30px 0px;
}

.tm-region-capcalera-header,
.tm-region-capcalera-header:active,
.tm-region-capcalera-header:focus,
.tm-region-capcalera-header:hover,
.tm-region-capcalera-header:visited {
  text-decoration       : none;
}



/*
 * Layout - Banner
 * ****************************************************************************
 */
.tm-region-capcalera-banner {
  display               : block;
  background            : url('../images/block_capcalera_transparent.png') no-repeat center center;
  background-color      : #000000;
  background-size       : 290px;
  border                : 1px solid #000000;
  color                 : #000000;
  height                : 76px;
  margin                : 0px 0px 0px 0px;
}

.tm-region-capcalera-banner,
.tm-region-capcalera-banner:active,
.tm-region-capcalera-banner:focus,
.tm-region-capcalera-banner:hover,
.tm-region-capcalera-banner:visited {
  text-decoration       : none;
}



/*
 * Ultima revista
 * ****************************************************************************
 */
.tm-capcalera-ultima-revista {
  border-top            : 5px solid black;
  border-bottom         : 1px solid black;
}

.tm-zone-sidebar > ul > li.tm-capcalera-ultima-revista .tm-widget-content {
  padding               : 5px 0px 5px 0px;
}

.tm-capcalera-ultima-revista .tm-region-title {
  font-family           : 'Arimo', sans-serif;
  font-size             : 18px;
  font-weight           : bold;
  line-height           : 2em;
  text-transform        : uppercase;
  margin                : 0px 0px 5px 0px;
  padding-top           : 0px;
}

.tm-capcalera-ultima-revista .tm-issuu {
  width                 : 100% !important;
  height                : 420px !important;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions button,
.tm-capcalera-ultima-revista .tm-capcalera-actions a,
.tm-capcalera-ultima-revista .tm-capcalera-actions a:hover,
.tm-capcalera-ultima-revista .tm-capcalera-actions a:active,
.tm-capcalera-ultima-revista .tm-capcalera-actions a:focus,
.tm-capcalera-ultima-revista .tm-capcalera-actions a:visited {
  display               : inline-block;
  font-size             : 14px;
  font-weight           : normal;
  text-align            : center;
  text-decoration       : none;
  text-transform        : none;
  vertical-align        : top;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions a {
  padding               : 7px 0px 6px 0px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-top button,
.tm-capcalera-ultima-revista .tm-capcalera-actions-top a {
  background-color      : #CECECE;
  color                 : #000000;
  letter-spacing        : 0.1em;
  width                 : 155px;
  margin                : 0px 0px 20px 0px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-top button + button {
  margin                : 0px 0px 20px 5px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom {
  text-align            : center;
  margin                : 12px 0px 10px 0px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a,
.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:hover,
.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:active,
.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:focus,
.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:visited {
  background-color      : #CECECE;
  color                 : #FFFFFF;
  width                 : 155px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a + a {
  margin                : 0px 0px 0px 5px;
}

.tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:last-child {
  background-color      : #000000;
}



/*
 * Magazine list
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-region-node-item {
  border                : 0px none;
  text-align            : center;
}

.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-region-title {
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : center;
  text-transform        : uppercase;
  margin                : 0px 0px 2px 0px;
}

.tm-region-capcalera-llista-revistes .view-content {
  display               : flex;
  flex-direction        : row;
  flex-wrap             : wrap;
  justify-content       : space-between;
  margin                : 0 -10px;
}

.tm-region-capcalera-llista-revistes .view-content .views-row {
  width                 : 150px;
  padding               : 0 10px;
}

.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-node-media-wrapper .tm-capcalera-portada {
  border                : 1px solid #000000;
  width                 : 150px;
  min-height            : 185px;
}

.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-node-media-wrapper .tm-capcalera-portada img {
  display               : inline-block;
  vertical-align        : middle;
  width                 : 150px;
  margin                : auto;
}

.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-data {
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  font-weight           : normal;
  text-transform        : uppercase;
  margin-top            : 0px;
  padding-left          : 0px;
}

.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-data::before {
  content               : "";
}

.tm-region-capcalera-llista-revistes a,
.tm-region-capcalera-llista-revistes a:active,
.tm-region-capcalera-llista-revistes a:visited,
.tm-region-capcalera-llista-revistes a:focus,
.tm-region-capcalera-llista-revistes a:hover {
  color                 : inherit;
  text-decoration       : none;
}

.tm-region-capcalera-llista-revistes .tm-portada-logo {
  line-height           : 187px;
}
.tm-region-node-list.tm-region-capcalera-llista-revistes .tm-node-media-wrapper .tm-capcalera-portada .tm-portada-logo-default img {
  display               : inline-block;
}

.page-capcalera-revistes #cboxLoadedContent {
  overflow              : hidden !important;
}



/*
 * Articles Teaser list
 * Overrides de tm_layout_region_node_list.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-capcalera .tm-region-node-item {
  border-top            : 0px none black;
  border-bottom         : 1px solid black;
  padding-bottom        : 15px;
  margin                : 0px 0px 20px 0px;
}

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

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

.tm-region-node-list.tm-region-capcalera .tm-float-left {
  width                 : 427px;
}

.tm-region-node-list.tm-region-capcalera .tm-float-right {
  width                 : 427px;
}

.tm-region-node-list.tm-region-capcalera .tm-region-node-item-left {
  display               : block;
  vertical-align        : top;
  width                 : 100%;
}

.tm-region-node-list.tm-region-capcalera .tm-region-node-item-left + .tm-region-node-item-right {
  display               : block;
  vertical-align        : initial;
  width                 : 100%;
}

.tm-region-node-list.tm-region-capcalera .tm-region-node-item-left + .tm-region-node-item-right .tm-region-node-item-container {
  margin                : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-capcalera .tm-region-title {
  margin                : 0px 0px 5px 0px;
  padding               : 0px 0px 0px 0px;;
}

.tm-region-node-list.tm-region-capcalera .tm-region-title h2 {
  font-size             : 28px;
  line-height           : 1em;
  margin                : 5px 0px 10px 0px;
  padding               : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-capcalera .tm-node-body {
  margin-bottom         : 0px;
}

.tm-region-node-list.tm-region-capcalera .tm-node-body p:last-child {
  padding-bottom        : 0px;
}



/*
 * Articles Teaser list - Article Media
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-capcalera .tm-node-media-wrapper {
  display               : block;
  float                 : none;
  max-width             : none;
  width                 : 100%;
  margin-bottom         : 10px;
}

.tm-region-node-list.tm-region-capcalera .tm-image-authored-wrapper {
  float                 : none;
  padding               : 0px 0px 0px 0px;
  max-width             : none;
  width                 : 100%;
}

.tm-region-node-list.tm-region-capcalera .tm-image-authored-wrapper img {
  width                 : 100%;
}

.tm-region-node-list.tm-region-capcalera .tm-node-author {
  margin-bottom         : 5px;
}



/*
 * Articles Teaser list in full width presentation
 * Overrides de tm_layout_region_node_list.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item {
  padding-bottom        : 0px;
}

.tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left {
  float                 : left;
  max-width             : 260px;
}

.tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left + .tm-region-node-item-right {
  float                 : right;
  width                 : 600px;
}



/*
 * Articles Teaser list in full width presentation - Article Media
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-node-media-wrapper {
  margin-bottom         : 0px;
}



/*
 * Home teaser list
 * ****************************************************************************
 */
.tm-page-frontpage .tm-region-node-list.tm-region-capcalera {
  margin                : 0px 0px 20px 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .view-content {
  border                : 1px solid #000000;
  padding               : 15px 15px 0px 15px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .tm-region-node-item {
  border-top            : 0px none;
  margin                : 20px 0px 0px 0px;
  padding               : 0px 0px 15px 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .views-row:first-child .tm-region-node-item {
  margin                : 0px 0px 0px 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .views-row:last-child .tm-region-node-item {
  border-bottom         : 0px none;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .tm-region-node-item .views-field {
  padding-left          : 0px;
  padding-right         : 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .tm-node-media-wrapper {
  margin-bottom         : 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .tm-region-node-item .views-field.views-field-field-image-authored {
  padding-left          : 0px;
  padding-right         : 0px;
}

.tm-page-frontpage .tm-region-node-list.tm-region-capcalera .tm-region-node-item .views-field.views-field-field-slides {
  padding-left          : 0px;
  padding-right         : 0px;
}



/*
 * Region Magazine Index
 * ****************************************************************************
 */
/*.tm-zone-sidebar .tm-capcalera-index-continguts-container {
  width                 : 340px;
}

.tm-zone-content-main-right .tm-capcalera-index-continguts-container {
  width                 : 250px;
}*/

.tm-capcalera-index-continguts-container {
  border-top            : 5px solid #000000;
  padding               : 3px 0px 0px 0px;
}

.tm-capcalera-index-continguts-container h4 {
  background-color      : #000000;
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  font-size             : 14px;
  text-transform        : uppercase;
  margin                : 0px 0px 5px 0px;
  padding               : 15px 12px 15px 12px;
}

.tm-capcalera-index-item {
  border-bottom         : 1px solid;
  padding               : 4px 0px 4px 0px;
}

.tm-capcalera-index-item .views-field-title {
  font-size             : 14px;
  line-height           : 1.2em;
  width                 : 100%;
  overflow              : hidden;
}

/*.tm-capcalera-index-item .views-field-title::before {
  content               : "\f105";
  font-family           : 'FontAwesome';
  font-size             : 80%;
}*/

.tm-capcalera-index-item .views-field-title a,
.tm-capcalera-index-item .views-field-title a:visited {
  color                 : #333333;
}



/*
 * Region Article últimes publicacions
 * ****************************************************************************
 */
.tm-zone-sidebar .tm-capcalera-index-ultims-data-container {
  width                 : 100%;
}

.tm-zone-content-main-right .tm-capcalera-index-ultims-data-container {
  width                 : 100%;
}
.tm-capcalera-index-ultims-data-container .tm-region-capcalera-banner {
  margin-bottom         : 5px;
}



/*
 * Article
 * ****************************************************************************
 */
.node-type-article-capcalera .tm-zone-content-main-left-wrapper {
  border-top            : 5px solid #000000;
}

.tm-zone-node-article-capcalera h1 {
  font-family           : Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-size             : 34px;
  font-weight           : bold;
  line-height           : normal;
  margin                : 5px 0px 5px 0px;
}

.tm-node-teaser {
  font-size             : 18px;
}

.tm-zone-node-article-capcalera .tm-body-wrapper {
  margin                : 15px 0px 20px 0px;
}



/*
 * Webform - Subscription
 * ****************************************************************************
 */
.view-capcalera-subscripcio .view-content {
  margin-top            : 20px;
}

.capcalera-subscripcio .form-actions input.form-submit {
  width                 : 330px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Ultima revista
   --------------------------------------------------------------------------*/
  .tm-capcalera-ultima-revista .tm-region-title {
    font-size             : 15px;
  }

  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:hover,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:active,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:focus,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:visited {
    width                 : 130px;
  }

  .tm-capcalera-ultima-revista .tm-issuu {
    height                : 330px !important;
  }

  /* Articles Teaser list
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera .tm-region-title h2 {
    font-size           : 22px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-left {
    width               : 335px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-right {
    width               : 335px;
  }

  /* Articles Teaser list in full width presentation
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left {
    max-width           : 260px;
  }

  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left + .tm-region-node-item-right {
    width               : 420px;
  }


}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Section Content
   * Overrides de tm_layout.css
   --------------------------------------------------------------------------*/
  .page-capcalera .tm-page-node .tm-section-content {
    width               : 100%;
  }

  /* Ultima revista
   --------------------------------------------------------------------------*/
  .tm-capcalera-ultima-revista .tm-region-title {
    font-size             : 15px;
  }

  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:hover,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:active,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:focus,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:visited {
    width                 : 120px;
  }

  .tm-capcalera-ultima-revista .tm-issuu {
    height                : 300px !important;
  }

  /* Articles Teaser list
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera .tm-region-title h2 {
    font-size           : 24px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-left {
    width               : 364px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-right {
    width               : 364px;
  }

  /* Articles Teaser list in full width presentation
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left {
    max-width           : 240px;
  }

  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left + .tm-region-node-item-right {
    width               : 500px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Articles Teaser list
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera .tm-region-title h2 {
    font-size           : 24px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-left {
    width               : 480px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-right {
    width               : 480px;
  }

  /* Teaser list in 2 columns
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera.tm-region-node-list-2col .views-row-odd .tm-region-node-item {
    margin                : 0 0 1em 0;
  }

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


  /* Articles Teaser list in Taxonomy Term page
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .taxonomy-term .tm-region-node-list.tm-region-capcalera .view-content .views-row {
    width               : 480px;
  }

  .taxonomy-term .tm-region-node-list.tm-region-capcalera .tm-region-node-item {
    width               : 480px;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Layout - Header
   --------------------------------------------------------------------------*/
  .tm-region-capcalera-header {
    background-size     : 280px;
  }

  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:hover,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:active,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:focus,
  .tm-capcalera-ultima-revista .tm-capcalera-actions-bottom a:visited {
    width               : 152px;
  }

  /* Articles Teaser list
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera .tm-region-title h2 {
    font-size           : 24px;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-left {
    width               : 100%;
  }

  .tm-region-node-list.tm-region-capcalera .tm-float-right {
    width               : 100%;
  }

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

  /* Teaser list in 2 columns
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-capcalera.tm-region-node-list-2col .views-row-odd .tm-region-node-item {
    margin                : 0 0 1em 0;
  }

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

  /* Articles Teaser list in full width presentation
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-left {
    max-width           : 100%;
  }

  .tm-region-node-list.tm-region-node-list-full-width.tm-region-capcalera .tm-region-node-item-right {
    width               : 100%;
  }

}