/****** 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;*/
}

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: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%;
}

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;
}