/****** FILE: themes/moj/css/print.css *****/
/*
 Print stylesheet.
*/
/* .clearfix class included in global.scss so it doesn't get added to the TinyMCE styles dropdown menu
*/
/* .hide-text class included in global.scss so it doesn't get added to the TinyMCE styles dropdown menu
*/
/* .input-block-level class now included in global.scss so it doesn't get added to the TinyMCE styles dropdown menu
*/
/* CSS3 Two Tone borders - IE9+ */
/* Fix for responsive images - use on IMG tag */
/* Mobile icons for retina display */
/**
 * Mixin divides width of parent between children. It requires the parent to
 * have a size class representing the number of children (eg: class="size_3").
 * It will take this and divide the width by that number of elements.
 *
 * Note: In silverstripe templates you can use $Count on a set of items you
 * are about to loop throught to get the total number. EG:
 * <ul class="size_{$Menu.Count}">
 */
/* Variables.less
// Variables to customize the look and feel of Bootstrap
// -----------------------------------------------------

// Updated for SASS:
//  - replace @ with $
//  - replace `spin` with `adjust-hue`
//  - add !default to variable definitions
*/
@page {
  margin: 15mm 10mm 15mm 10mm; }
.container {
  width: auto;
  margin: 0.25em; }

.row-fluid {
  width: 100%; }

.row,
.thumbnails {
  margin-left: 0; }

[class*="span"],
.row-fluid [class*="span"] {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span12, #IE6 .row-fluid .span12 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span11, #IE6 .row-fluid .span11 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span10, #IE6 .row-fluid .span10 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span9, #IE6 .row-fluid .span9 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span8, #IE6 .row-fluid .span8 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span7, #IE6 .row-fluid .span7 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span6, #IE6 .row-fluid .span6 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span5, #IE6 .row-fluid .span5 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span4, #IE6 .row-fluid .span4 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span3, #IE6 .row-fluid .span3 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span2, #IE6 .row-fluid .span2 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

#IE6 .span1, #IE6 .row-fluid .span1 {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }

.navbar, .sidebar-nav, .sidebar-form, .icon, .control, .btn, .carousel-control, .printShare, .pagination, #lang, footer, .toolbar {
  display: none; }

.siteLogo {
  height: auto;
  min-height: 0;
  margin: 2rem 0 4rem;
  	/* this is meant to help images to be printed, along with the code in global.scss. It doesn't work at the moment. http://stackoverflow.com/questions/6670151/how-can-i-force-browsers-to-print-background-images-in-css/15208258#15208258
  
  	.site-title-bg {
  		background-color: $black;
  
  		&:before{ // image is set in the main stylesheet
  		   visibility: visible;
  		   position: static;
  		}
  	}
  	*/ }
  .siteLogo a {
    top: 0;
    padding: 0;
    color: #000; }

#breadcrumb .bc-wrap {
  position: relative;
  top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 1.5rem; }

#breadcrumb, .bc-wrap {
  background-color: #fff !important;
  color: #000 !important; }

img {
  display: none !important;
  /*page-break-before: avoid !important;   // not used now because images aren't being printed
  page-break-after: avoid !important;
  page-break-inside: avoid !important;*/ }

.google-map {
  page-break-before: auto;
  page-break-after: auto;
  page-break-inside: avoid; }
  .google-map img {
    display: block !important; }

.psc {
  display: none !important; }

a[href^="http://"], a[href^="https"], a.external, a[href$=".pdf"], a[href$=".PDF"], .pdf, a[href$=".doc"], a[href$=".DOC"], a[href$=".docx"], a[href$=".DOCX"], .doc, a[href$=".xls"], a[href$=".XLS"], a[href$=".xlsx"], a[href$=".XLSX"], .xls {
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important; }

#layout {
  display: block;
  margin-bottom: 1rem; }
  #layout .contentInner, #layout .contentHome {
    display: block !important; }

a[name] {
  display: none !important; }

a:after {
  content: " (" attr(href) ") ";
  font-size: 90%; }

a[href^="/"]:after {
  content: " (http://www.justice.govt.nz" attr(href) ") ";
  font-size: 90%; }

.ec a[href^="/"]:after {
  content: " (http://employmentcourt.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.pds a[href^="/"]:after {
  content: " (http://pds.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.environment a[href^="/"]:after {
  content: " (http://environmentcourt.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.mlc a[href^="/"]:after {
  content: " (http://maorilandcourt.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.youth a[href^="/"]:after {
  content: " (http://youthcourt.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.disputes a[href^="/"]:after {
  content: " (http://disputestribunal.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.waitangi a[href^="/"]:after {
  content: " (http://waitangitribunal.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.coroners a[href^="/"]:after {
  content: " (http://coronerscourt.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

.cvag a[href^="/"]:after {
  content: " (http://chiefvictimsadvisor.govt.nz" attr(href) ") " !important;
  font-size: 90%; }

ul.site-sections {
  list-style-type: disc !important; }
  ul.site-sections li {
    width: 100%; }
  ul.site-sections h3 {
    border-bottom-width: 0.2rem;
    border-bottom-color: #000 !important; }
  ul.site-sections .even {
    padding-left: 0;
    margin-left: 0; }

#sidebarLinks {
  display: block !important;
  width: 100% !important;
  padding-top: 1.8rem; }
  #sidebarLinks ul.popular-links {
    list-style-type: disc; }
    #sidebarLinks ul.popular-links img {
      display: none !important; }
    #sidebarLinks ul.popular-links a {
      color: #000 !important; }
      #sidebarLinks ul.popular-links a .pl-text {
        position: static !important;
        width: 100%;
        padding: 0;
        color: #000 !important;
        z-index: 10000; }
        #sidebarLinks ul.popular-links a .pl-text span {
          position: static !important;
          color: #000 !important; }

#popularForms {
  background-color: none; }
  #popularForms h3 {
    line-height: 4.8rem; }
  #popularForms .pf-item {
    display: block !important;
    width: 100% !important;
    height: auto;
    margin-bottom: 2rem !important;
    background: #fff; }
  #popularForms .pf-name {
    background: none;
    min-height: 0;
    padding: 0;
    color: #000; }
  #popularForms .pf-footer {
    padding: 1.2rem 0;
    font-size: 1.4rem;
    text-transform: none;
    color: #000 !important; }

.carousel img {
  max-width: 200px;
  float: left; }

.carousel-caption {
  clear: both; }

.carousel:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
*:first-child .carousel {
  zoom: 1; }
.carousel .item {
  display: block; }

.month-filter {
  display: none; }

/*# sourceMappingURL=print.css.map */