/*
  ===============================================================================
  COMPONENTS TO BE HIDDEN FROM PRINT
  ===============================================================================
*/

#accessibility-links,
.group-nav,
.site-nav-and-utility-holder,
#main-page-area > .wrapper > aside,
#page-foot nav,
#foot-logos,
.eeca-sites-list,
#page-foot-lower .back-to-top,
#secondary-nav,
#breadcrumbs,
.social-media-share,
form.gallery-filters,
iframe,
.fluid-vids,
.modal,
main ul.bookmarks,
.sod_select > .sod_label,
.sod_select > .sod_list_wrapper,
.tool-utilities,
#vehicle-fuel-economy-tool,
#eff-driving-tool,
#heavy-vehicle-fleet-form,
#dairy-shed-form,
#dairy-shed-results-chart,
#dairy-shed-savings,
.visuallyhidden,
.box-tabs-wrapper .box-tabs
{
  display: none !important;
}

/*
  ==========================
  SET GENERAL PAGE MARGINS
  ==========================
*/

@page {
  margin: 1.5cm 2cm 2.5cm 1.5cm;
}

/*
  ===============================================================================
  COMPONENTS PREVENTED FROM BEING PAGE BROKEN
  ===============================================================================
*/

h1, h2, h3, h4. h5, h6,
.typography h2 > .inner,
ul li,
.box-tab-section ul li,
ul.box-tabs > li,
ul.box-tabs > li a
ul.document-list,
a
{
  page-break-inside: avoid;
  break-inside: avoid;
}

/*
  ===============================================================================
  COMMON PAGE STRUCTURE AND ELEMENTS
  ===============================================================================
*/

/*
  ==========================
  general
  ==========================
*/

html,
body
{
  font-family: "HelveticaNeueW02-55Roma", sans-serif;
  font-size: 12pt;
}

body
{
  width: auto;
  color: #000000;
  background-color: #ffffff;
  overflow: visible;
}

/*
  ==========================
  typography - headings
  ==========================
*/

h1.page-title {
  font-size: 37.5pt;
  font-weight: lighter;
  line-height: 1.1;
}

.eeca h1.page-title {
  color: #184994;
}

.energywise h1.page-title {
  color: #f26522;
}

.eeca-business h1.page-title {
  color: #0091c6;
}

.nabersnz h1.page-title {
  color: #0080c5;
}

/*
  ==========================
  header
  ==========================
*/

/* logo */
/* ---- */
#site-logo
{
  margin-bottom: 8pt;
  text-align: right;
}

#site-logo:before
{
  content: '';
  display: inline-block;
  margin: 0;
  padding: 0;
}

.eeca #site-logo:before{content: url("../../../themes/eeca/images/eeca-logo.png");}
.eeca-business #site-logo:before{content: url("../../../themes/eeca/images/eeca-business-logo.png");}
.energywise #site-logo:before{content: url("../../../themes/eeca/images/energywise-logo.png");}
.nabersnz #site-logo:before{content: url("../../../themes/eeca/images/nabersnz-logo.png");}

#site-logo a
{
  display: none;
}


/*
  ==========================
  footer
  ==========================
*/

#page-foot
{
  margin-top: 12pt;
  padding-top: 8pt;
  border-top: solid 1pt #cccccc;
}

#foot-contact h2
{
  display: none;
}

#foot-contact .social-links
{
  display: none;
}

#page-foot .nz-govt-link:before
{
  content: url('../../../themes/eeca/images/nz-govt-logo-dark.png');
}

#page-foot .nz-govt-link a
{
  display: none;
}


/*
  ==========================
  tiles
  ==========================
*/

/* tile holder with floated tiles */
/* ------------------------------ */
main * + .tile-holder
{
  margin-top: 18pt;
}


/* common tile styles */
/* ------------------ */
.tile
{
  clear: both;
  display: block;
  overflow: hidden;
  padding: 0;
  border-top: solid 1pt #ccc;
  break-inside: avoid;
}

.tile + .tile
{
  margin-top: 10pt;
}

.tile .image-container
{
  display: none;
  float: left;
  width: 30%;
  margin: 12pt 10pt 0 0;
}

.tile .image-container img
{
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tile .content
{
  overflow: hidden;
}

/* tile with image upper */
/* --------------------- */
.tile.image .image-container,
.tile.image .image-container img
{
  display: block;
}

/* tile as whole image and overlay text */
/* ------------------------------------ */
/*.tile.image.large .content
{

}*/


/*
  ==========================
  boxes
  ==========================
*/
main * + .box-holder
{
  margin-top: 18pt;
}

.box + .box
{
  margin-top: 10pt;
}

.box
{
  clear: both;
  display: block;
  border-top: solid 1pt #cccccc;
}

/* link boxes */
/* ---------- */
/*a.box
{

}*/

.box .image-container
{
  display: none;
  float: left;
  width: 30%;
  margin: 12pt 10pt 0 0;
}

.box .image-container img
{
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.box .content
{
  overflow: hidden;
}


/* box with image */
/* -------------- */
.box.image .image-container,
.box.image .image-container img
{
  display: block;
}

/* optional items floated */
/* ---------------------- */
.box .optional-items
{
  display: none;
}


/*
  ==========================
  feature items
  ==========================
*/
.feature-item
{
  margin-top: 10pt;
  border-top: solid 1pt #ccc;
  break-inside: avoid;
}

.feature-item .image-container
{
  display: none;
}


/*
  ==========================
  link sets
  ==========================
*/
ul.link-set
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: solid 1pt #cccccc;
}

ul.link-set li
{
  margin: 0;
  padding: 6pt 2pt;
  border-bottom: solid 1pt #cccccc;
}

ul.link-set li a
{

}


/*
  ==========================
  drop down lists
  ==========================
*/
.dropdown-list .controller
{
  display: none;
}


/*
  ==========================
  paragraphs
  ==========================
*/
main .intro,
main .intro *
{
  font-size: 116%;
}


/*
  ==========================
  images
  ==========================
*/
main figure
{
  page-break-inside: avoid;
}

main figure.image
{
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

main figure.image a,
main figure.image img
{
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  page-break-inside: avoid;
}

main figure.image figcaption
{
  display: block;
  margin-top: 3pt;
  padding: 6pt;
  border-bottom: solid 1pt #cccccc;
  font-size: 86%;
  line-height: 1.28;
}


/*
  ==========================
  quotes
  ==========================
*/
main figure.quote blockquote
{
  font-style: italic;
}

main figure.quote figcaption span
{
  display: block;
}

main figure.quote figcaption span.name
{
  font-weight: bold;
}


/*
  ==========================
  tables
  ==========================
*/
main table
{
  max-width: 100%;
  page-break-inside: avoid;
}


/*
  ==========================
  lists
  ==========================
*/
main ul,
main ol
{
  page-break-inside: avoid;
}


/*
  ==========================
  forms
  ==========================
*/
main form fieldset
{
  border: none;
  margin: 0;
  padding: 0;
}

main * + form
{
  margin-top: 16pt;
}

/* standard borders / styles */
/* ------------------------- */
form .field
{
  clear: both;
  page-break-inside: avoid;
}

form .field + .field
{
  margin-top: 8pt;
}

form .field .left
{
  display: block;
}

.field .extra
{
  display: block;
  margin-top: 2pt;
  font-size: 11pt;
  color: #666666;
}


/*
  ==========================
  pagination
  ==========================
*/
.pagination
{
  margin-top: 12pt;
}

.pagination > *
{
  display: inline-block;
  padding: 0 6pt;
}


/*
  ==========================
  content updated info
  ==========================
*/
.content-updated
{
  margin-top: 20pt;
  font-size: 90%;
  break-after: avoid;
}

.content-updated time
{
  font-weight: bold;
}

.content-updated .inner p + p
{
  display: none;
}

/*
  ==========================
  case study pages
  ==========================
*/

ul.box-tabs {
  display: table;
  width: 100%;
  text-align: center;
  padding: 0;
}

ul.box-tabs > li
{
  display: table-cell;
  padding: 10pt 11pt;
  border-right: 1.5pt solid white;
  font-weight: 600;
  font-size: 14.5pt;
  text-transform: uppercase;
  vertical-align: middle;
}

ul.box-tabs > li a
{
  text-decoration: none;
  color: white;
}

.eeca ul.box-tabs
{
  background: #184994;
}

.energywise ul.box-tabs
{
  background: #f26522;
}

.eeca-business  ul.box-tabs
{
  background: #0091c6;
}

.nabersnz ul.box-tabs
{
  background: #0080c5;
}

.box-tab-section ul {
  page-break-inside: auto;
  margin-bottom: 23pt;
}

.box-tab-section ul li,
.box-tab-section ul li p
{
  line-height: 1.3;
}

.box-tab-heading-print-only
{
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 8pt 8pt 6.5pt 8pt;
  font-size: 14pt;
  text-transform: uppercase;
  color: #ffffff;
  border: 2pt solid #184994;
  page-break-inside: avoid;
}

.box-tab-heading-print-only + *
{
  margin-top: 15pt !important;
}

.eeca .box-tab-heading-print-only
{
  background: #184994;
}

.energywise .box-tab-heading-print-only
{
  background: #f26522;
  border: 2pt solid #f26522;
}

.energywise .box-tab-heading-print-only
{
  background: #f26522;
  border: 2pt solid #f26522;
}

.eeca-business .box-tab-heading-print-only
{
  background: #0091c6;
  border: 2pt solid #0091c6;
}

.nabersnz .box-tab-heading-print-only
{
  background: #72ccf4;
  border: 2pt solid #72ccf4;
}

/*
  ===============================================================================
  PAGE TYPE SPECIFIC STYLES
  ===============================================================================
*/

/*
  ==========================
  all home pages
  ==========================
*/

/* full width banner */
/* ----------------- */
.home-banner
{
  page-break-inside: avoid;
}

.home-banner img
{
  display: block;
  width: 100%;
  max-width: 100%;
}


/* twitter feed */
/* ------------ */
.home .twitter-feed
{
  display: none;
}


/*
  ==========================
  eeca home page
  ==========================
*/
.eeca.home .page-content
{
  font-size: 20pt;
  line-height: 1.1;
}


/*
  ==========================
  eeca business home page
  ==========================
*/
.eeca-business.home .intro,
.eeca-business.home .intro *,
.eeca-business.home .page-content
{
  font-size: 20pt;
  line-height: 1.1;
}


/*
  ==========================
  energywise home page
  ==========================
*/
.energywise.home .intro,
.energywise.home .intro *,
.energywise.home .page-content
{
  font-size: 20pt;
  line-height: 1.1;
}


/*
  ==========================
  nabers home page
  ==========================
*/
.nabersnz.home .intro,
.nabersnz.home .intro *,
.nabersnz.home .page-content
{
  font-size: 20pt;
  line-height: 1.1;
}


/*
  ===============================================================================
  TOOL STYLES
  ===============================================================================
*/

/*
  ==========================
  tool utilities
  ==========================
*/
.what-next
{
  margin: 34px 0 12px 0; margin: 3.4rem 0 1.2rem 0;
}


/*
  ==========================
  vehicle fuel economy tool (vfet)
  ==========================
*/
.vehicle-fuel-economy-tool-intro > .additional-info > img
{
  display: block;
  width: 40%;
}