/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */

/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {

  /* Underline all links. */
  a:link,
  a:visited {
    /*text-decoration: underline !important;*/
  }

  /* Don't underline header. */
  a:link.header__site-link,
  a:visited.header__site-link {
    /*text-decoration: none !important;*/
  }

  /* Add visible URL after links. */
  #content a[href]:after {
    /*content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;*/
  }

  /* Only display useful links. */
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /*content: "";*/
  }

  /* Add visible title after abbreviations. */
  #content abbr[title]:after {
    /*content: " (" attr(title) ")";*/
  }

  /* Un-float the content. */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Turn off any background colors or images. */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Hide sidebars and nav elements. */
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
  
  body .region-page-top,
  body #page-wrapper-left,
  body #page-wrapper-right,
  body #header .header__data-wrapper,
  body.page-node .node .node-sidebar-right .service-links,
  body #footer,
  body #footer-wrapper #block-views-closure-banners-block,
  body.page-node #menu-wrapper-page-portal-right {
    display: none;
  }  
  
  body #page {
    min-height: inherit;
    position: inherit;
    width: 100%;
  }
  
  body #header {
    border-bottom: 3px solid #aa223C;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
  }

   body .header-padding {
    display: none;
   }
  
  body #header .header__logo-wrapper {
    height: auto;
    position: relative;
  }
  
  body #header .header__logo-wrapper .header__logo-slogan {
    float: right;
  }
  
  body #footer-wrapper {
    border-top: 3px solid #3A3A3A;
  }
  
  body #footer-wrapper .region-bottom {
    margin: 0;
    width: 100%;
  }
  
  body #footer-wrapper .region-bottom #block-block-4 {
    color: #000000;
  }
  
  body.page-node .node .node-sidebar-right {
    width: 250px;
  }
  
  body.page-node #main .block .block-title, 
  body.page-node .node .node-block-sidebar .block-title {
    border: 2px solid #aa223C;
    color: #aa223C;
  }
  
  body.page-node .node .node-block-sidebar.block-blue .block-title {
    border: 2px solid #066DB3;
    color: #066DB3;
  }
  
  body.page-node .node.with-menu-page-portal-left {
    float: none;
    width: 100%;
  } 
  
  
  body.page-mapas #ubu-map-content-wrapper,
  body.page-mapas #ubu-map-content-wrapper #ubu-map-content,
  body.page-mapas #ubu-map-content-wrapper #ubu-map-canvas {
    box-shadow: none;
    float: none;
    padding: 0;
    width: 100%;
  }
  
  body.page-mapas #ubu-map-content-legend {
    float: none;
    margin: 20px auto 0;
  }
  
  body.page-mapas #ubu-map-content-legend ul.links {
    visibility: visible;
    display: block;
  }

  body #main .node.node-portal.with-menu-page-portal-left.with-node-sidebar-right.without-node-sidebar-right-expanded .node-content, 
  body #main .node.node-portal.with-menu-page-portal-left.with-node-sidebar-right .node-content .header-node-content-image,
  body #main .node.node-portal .childrens-wrapper.with-sidebar-right, 
  body #main .node.node-contact .childrens-wrapper.with-sidebar-right,
  body #main .node.node-portal-page .childrens-wrapper.with-sidebar-right, 
  body #main .node.node-portal.portal-gobierno.with-node-sidebar-right.without-node-sidebar-right-expanded .node-content{
    float: none;
    width: auto;
  }

  body #main .node.node-portal.with-menu-page-portal-left.with-node-sidebar-right .node-content .header-node-content-image img {
    max-width: 360px;
  }

  body #main .node.node-portal .childrens-wrapper.with-sidebar-right .children-node-content *{
    width: auto;
    float: none;
  }

}