/**
 * PRINT.LESS
 *
 * Provides styling to ensure neatly printed pages across the Oxford site.
 *
 * Authors: James Morris, Glenn Barr
 *
 */

@import '../variables.less';
@import '../core-mixins.less';

/* Hard overrides */
* {
  background: transparent !important;
  color: black !important;
  text-shadow: none !important;
  filter: none !important;
  height:auto !important;
  overflow:visible !important;
  font-size: 8pt !important;
  font-family: @fontPTSerif !important;
  position: static !important;
  max-width: 1000px !important;
}

html {
  background-color: transparent;
}

body {
  background: transparent;
  border: 0px;
  padding: 20px !important;
}


h1 {
  font-size: 12pt !important;
}

/* Print the link hrefs */
a:after {
   content: " (" attr(href) ") " !important;
   font-size: 6pt;
   word-break: break-all;
   line-height: 1em !important;
}

#visible-body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

header.page-header{
  padding:0 !important;
  position:relative !important;
  height:70px !important;
  text-align:left;

  &:before {
    content: url('../../images/oxweb-logo-small-rect.png');
    width: 100px;
    height: auto;
  }
  .row {
    display:none !important;
  }
}

/* $ BLOG PAGES */

body[class*="page-news-arts-blog"].node-type-blog.has-pre-content .main-content,
.page-news-arts-blog .main-content .group-blog-title-meta,
.page-news-science-blog .main-content .group-blog-title-meta {
  margin-top: 0;
  border: 0;
  min-height: 0;
}

.node-type-section-index .pre-content {
  padding: 0;
}

/* $HOMEPAGE */

body.node-type-oxweb-homepage {
  .group-main-carousel {
    .caroufredsel_wrapper {
      position: static !important;
      overflow: visible !important;
    }
    a.link-block {
      margin-bottom: 1em !important;
    }
    .field-items,
    .field-item {
      float: none !important;
      display: block !important;
      position: static !important;
      .group-slide-description {
        position: static !important;
        padding: 0 !important;
        padding-top: 1em;
        font-family: @fontPTSerif !important;
      }
    }
    .field-name-main-carousel-pagers {
      display: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  }

  .group-main-carousel .field-item img {
    page-break-inside: avoid;
  }
}

/* To have the discover carousel work on print we need to override caroufredsel JS imposed CSS */
.group-discover-carousel {
  padding: 3em 0 1em 0;
  .caroufredsel_wrapper {
    position: static !important;
    overflow: visible !important;
    margin-left: -1.48% !important
  }
  .field-items {
    width: 1000px !important;
    margin-left: -(@gutter_width) !important;
    .clearfix();
    .field-item {
      position: relative !important;
      float: right !important;
      margin-left: @gutter_width !important;
      width: 225px !important;
      min-width: 225px !important;

      /* Display the original image for the video */
      .node-video-highlight img {
        .opacity(100);
      }

      &:nth-child(5) {
        clear: right;
      }
      &.field-item-last {
        float: left !important;
        margin-left: 3.6% !important;
      }
      .node-video-highlight a .field-name-field-video:before,
      .discover-link-type-audio a .field-name-field-image-highlight:before,
      .discover-link-type-itunes a .field-name-field-image-highlight:before {
        bottom: 15%;
        .opacity(0);
      }
    }
  }
}

.homepage-news-listing,
.homepage-studying-at-oxford  {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  margin-left: -(@gutter_width);
}

.homepage-feature,
.homepage-events-listing {
  margin-top: 2.6em !important;
  margin-bottom: 1em !important;
  padding-right: 0 !important;
}

.more-link {
  text-align: left !important;
  a {
    font-size: 8pt !important;
  }
  &:before {
    display: none !important;
  }
}

/* Add the breadcrumb arrow back */
.page-level.breadcrumb-wrapper {
  border-bottom: 1px solid @colorLightGrey;
  padding-bottom: 1em;
  margin-bottom: 1em;
  .breadcrumb span {
    font-size: 8pt;
    &:after {
      font-family: @fontPTSans;
      content: ">";
      padding-left: 0.55em;
    }
    a:after {
      word-break: normal;
    }
    &.breadcrumb-last {
      text-decoration: underline;
      font-weight: bold;
      &:after {
        content: "";
      }
    }
  }
}

/* Reduce the margin */
.field-name-field-body p,
.field-name-field-body-multiple p,
.field-name-field-body ul,
.field-name-field-body-multiple ul,
.field-name-field-intro,
.field-name-field-body table,
.field-name-field-body-multiple table {
  margin-right: @gutter_width * 2;
  a:after {
    word-break: normal;
  }
}

.row .main-content {
  padding: 0;
}

.field-group-format.group-description-wrapper {
  position: static;
  max-width: 100%;
  width: 80%;
}

/* Remove JS styles that cope with sticky header */

.page-content .space-header{
  padding:0 !important;
}


/* Remove the negative margins */
body.has-pre-content.node-type-blog .main-content,
body.has-pre-content.node-type-news-item .main-content,
body.has-pre-content.node-type-page .main-content,
body.has-pre-content.node-type-course .main-content,
body.has-pre-content.node-type-college .main-content,
body.has-pre-content.node-type-graduate-course .main-content,
body.has-pre-content.node-type-blog .page-content-sidebar-first,
body.has-pre-content.node-type-blog .page-content-sidebar-second,
body.has-pre-content.node-type-page .page-content-sidebar-first,
body.has-pre-content.node-type-page .page-content-sidebar-second,
body.has-pre-content.node-type-course .page-content-sidebar-first,
body.has-pre-content.node-type-course .page-content-sidebar-second,
body.has-pre-content.node-type-college .page-content-sidebar-first,
body.has-pre-content.node-type-college .page-content-sidebar-second,
body.has-pre-content.node-type-graduate-course .page-content-sidebar-second {
  margin-top: 0;
}

/* Remove crazy padding and margin from printing too many pages */
.node-type-oxweb-news-index .group-content-middle .field-name-news-index-arts-blog,
.node-type-oxweb-news-index .group-content-middle .field-name-news-index-science-blog,
.node-type-oxweb-news-index .group-content-middle .field-name-news-index-whats-on .block,
.node-type-oxweb-news-index .main-content .field-name-news-index-whats-on {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Add the bullets back */

.page-content-sidebar-second ul li,
.field-type-text-long ul li,
.field-type-text-with-summary ul li {
  list-style: disc;
}

/* Remove the after link URL */

.field-name-field-listing-category .field-items,
.ui-tabs-nav li.ui-state-default  {
  a {
    padding: 0 0.5em;
  }
  a:after {
    content: "" !important;
  }
}

/* Press office details needs to be smaller */
.node-type-oxweb-news-index .main-content .field-name-field-contact-press-office {
  width: 50%;
  font-size: 1pt !important;
  float: none;
  text-align: left;
  margin-top: 0;
  p,
  a {
    font-size: 6pt !important;
  }
}

/* Remove logged in padding top */
body.toolbar-drawer {
  padding-top: 0;
}

/* Match other heading margins on the homepage */
body.node-type-oxweb-homepage .homepage-news-listing .view-header {
  margin-bottom: 0.5em;
}

/* This makes it clearer when printed which the currently viewed tab UI, page etc. uses on some pages */
.ui-tabs .ui-tabs-nav li.ui-state-active a:link {
  text-decoration: underline;
  font-weight: bold;
}



/* $No borders */
.page-content-sidebar-second .block .field-name-field-related-content .please-note,
.page-content-sidebar-second .block .group-sidebar-related .field-item-single {
  border: none;
}

/* $Float nones */
.wysiwyg-float-right,
.wysiwyg-float-left,
.media-image-wrapper img {
  float: none;
}

/* 100% width pages */
/* This pages no longer have sidebars */
.page-gsearch-oxford  .page-content-container {
  width: 100%;
  .search-snippet-info {
    /* Snippet doesn't look good with 100% width */
    width: 70%;
  }
}

/* $Display blocks */

.ui-tabs .ui-tabs-panel,
div.more-less > *{
  display:block !important;
}

/* $Display nones */
.page-feedback,
.menu-wrapper,
.logo a.square,
#page-footer,
.row .content-meta,
.page-content-sidebar-first,
.media-youtube-video,
.media-vimeo-video,
.field-name-field-related-external-link,
.field-name-field-document,
.node-graphical-teaser,
.file-media-link,
.back-to-top,
.drupal-messages,
.block-ds-extras-oxweb-ds-news-content-bottom,
.row .post-content .back-to,
.page-content a.any-questions-button,
.page-content a.self-service-button,
.block-ds-extras-oxweb-ds-blog-post-content-botto,
.field-name-field-body-multiple .tab-nav,
.contact-search,
.item-list-pager,
#cookie-notice,
.toggle-icon,
.field-group-format.group-description-wrapper,
.more-link,
#admin-output,
.toolbar.overlay-displace-top,
.breadcrumb-wrapper,
.node-type-section-index .group-post-highlights .field-name-field-two-column-highlight .field-name-field-video:before,
.node-type-section-index .group-post-highlights .field-name-field-two-column-highlight .field-name-field-video .icon-holder,
.node-type-section-index .group-post-highlights .field-name-field-two-column-highlight .field-name-field-video .file-video:before,
.node-type-section-index .field-name-field-video,
.node-type-section-index .field-name-field-image-highlight,
.field-name-field-image-main,
.carousel-pager,
.view-filters,
.field-name-field-image-main img,
.pre-content .field-name-field-image-main {
  display: none !important;
}