/**
 * @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. */
  main a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }

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

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

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

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

  /* Hide sidebars and nav elements. */
  #skip-link,
  #toolbar,
  #navigation,
  header[role=banner] .pane-menu,
  header[role=banner] .pane-system,
  header[role=banner] .pane-tb-megamenu,
  header[role=banner] .pane-urbact-search-block-form,
  .node-type-article .panel-col-last,
  footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
  
  header .pane-page-logo {
    border-right: 0;
  }
  
  header[role=banner],
  .not-front main[role=main] > .panel-pane,
  .page-home #main-content .panel-col-top .inside,
  #main-content .pane-page-content .panel-display > .center-wrapper {
    width: 100%;
  }
  
  .node-type-section .panel-col-first,
  .node-type-page .panel-col-first,
  .node-type-network-challenge .panel-col-first,
  .node-type-network-result .panel-col-first,
  .page-articles .panel-col-first,
  .node-type-article .panel-col-first,
  .page-faq .panel-col-first,
  .page-contact .panel-col-first {
    width: 100%;
  }
  .addthis_sharing_toolbox,
  .pane-node-comment-form,
  .pane-node-comment-form *,
  #navbar-administration,
  #at20mc,
  #at15s,
  #at3win,
  #at3lb,
  #at20mc *,
  #at15s *,
  #at3win *,
  #at3lb *,
  .node-type-article .pane-page-content .panel-col-bottom,
  .node-type-article .pane-page-content .panel-col-bottom *,
  .node-type-article .page footer,
  .node-type-article .page footer *,
  .node-type-article .panel-col-last,
  .node-type-article .panel-col-last *,
  .node-type-article .panel-col-first .pane-block-5,
  .node-type-article .panel-col-first .pane-block-5 *{
    display: none;
  }


  /*type article*/
  .node-type-article .pane-urbact-themes-pane-sidebar-and-theme,
  .node-type-article .pane-urbact-topics-panel-pane-topics-sidebar,
  .node-type-article .pane-urbact-cities-panel-pane-sidebar-cities,
  .node-type-article .pane-urbact8countries-panel-pane-sidebar-countries,
  .node-type-article .pane-urbact-tags-panel-pane-sidebar-tags
  {
    display:none;
  }
  .node-article .field-name-field-image{
    width: 100%!important;
    text-align: -webkit-center;
    float:none;
  }

  .node-article .field-name-body p a{
    font-size:1.3rem;
  }

  .node-article{
    text-align: justify;
  }

  .node-article .field-name-body p,
  .node-article .field-name-field-introduction p
  {
    line-height: 1.5em;
  }

  .node-article .field-name-body small a{
    display:none;
  }

  .node-article .field-name-body h2{
    padding-bottom:5px;
  }

  #page .pane-page-logo {
    position:absolute;
    top:0%;
    width:20%;
    /*border :1px solid red;*/
    /*margin-top:-20px;*/
    /*margin-bottom:-50px;*/
  }

  /*.page{*/
    /*position: relative;*/
  /*}*/
  .node-type-article main a[href]:after {
    content: "";
  }

  .node-type-article .pane-page-title{
    padding-top:0px!important;
    padding-bottom:50px!important;
    /*margin: 0px;*/
    /*top:0%;*/
  }


  .node-type-article .pane-node-created{
    display:none;
/*    
    padding-bottom:0px;
    position:absolute;
    bottom:-0.5%;
    right:-5%;
    left:70%;
*/
  }
/*
  .node-type-article .pane-page-content{
    border : 1px solid green;
    top:7%;
    position: absolute;
  }

  .node-type-article .submitted span.user-picture,
  .node-type-article .submitted span a.username {
    position : absolute;
  }*/

  .node-type-article .submitted span a.username{
    text-decoration:none;
/*    bottom:-0.5%;
    left:15%;*/
  }

/*  .node-type-article .submitted span.user-picture{
    bottom:-1%;
  }*/

  .node-type-article .submitted{
    color:transparent;
/*    height:0;*/
  }
  .node-type-article .submitted a{
    color: black;
  }
  
  .node-type-article .submitted time{
    color: black;
  }

  /*type statitc*/
  .node-type-page{
    position:relative;
  }

  .node-type-page .pane-urbact-events-panel-pane-events-calendar-homepage,
  .node-type-page .pane-urbact-documents-panel-pane-documents-latest-homepage,
  .node-type-page .block-social-networks{
    display:none;
  }

  .node-type-page .field-name-field-image{
    width: 100%!important;
    text-align: -webkit-center;
    float:none;
  }

  .node-type-page .field-name-body p a{
    font-size:1.3rem;
  }

  .node-type-page{
    text-align:justify;
  }

  .node-type-page #main-content .pane-page-title h1{
    /*!*margin-bottom:50px;*!*/
    padding-top:20px!important;
    padding-bottom:50px!important;
    /*!*margin: 0px;*!*/
    position:absolute;
    top:15%;
    left:20%;
  }

  .node-type-page .field-name-body p,
  .node-type-page .field-name-field-introduction p
  {
    line-height: 1.5em;
  }

  .node-type-page .pane-page-content{
    top:50%;
    position: absolute;
  }




  .node-type-good-practice .field-name-field-gp-contact-email,
 .node-type-good-practice .field-name-field-good-practice-website,
 .node-type-good-practice .field-name-field-good-practice-facebook,
  .node-type-good-practice .field-name-field-good-practice-twitter,
   .node-type-good-practice .flag-good-practices-likes,
    .node-type-good-practice  .footer-socials
 {
  display: none;
 }

  .node-type-good-practice main a[href]:after {
    content: "";
  }



  .node-type-good-practice .pane-node-created{
    padding-bottom:0px;
    position:absolute;
    bottom:-0.5%;
    /*right:-5%;*/
    left:70%;
  }

  .node-type-good-practice .pane-page-content{
    /*border : 1px solid green;*/
    top:7%;
    position: absolute;
  }

  .node-type-good-practice .submitted span.user-picture,
  .node-type-good-practice .submitted span a.username {
    position : absolute;
  }

  .node-type-good-practice .submitted span a.username{
    text-decoration:none;
    bottom:-0.5%;
    left:15%;
  }

  .node-type-good-practice .submitted span.user-picture{
    bottom:-1%;
  }


  .node-type-good-practice .submitted{
    color:transparent;
    height:0;
  }
  .node-type-good-practice .submitted a{
    color: black;
  }

}