/*
  ===============================================================================
  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,
ul.box-tabs,
.tool-utilities,
#vehicle-fuel-economy-tool,
#eff-driving-tool,
#heavy-vehicle-fleet-form,
#dairy-shed-form,
#dairy-shed-results-chart,
#dairy-shed-savings
{
  display: none !important;
}


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

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

html,
body
{

}

body
{
  width: 100%;
  color: #000000;
  background-color: #ffffff;
}


/*
  ==========================
  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("/ecca_tools_resources/images/ui/eeca-logo.png");}
.eeca-business #site-logo:before{content: url("/ecca_tools_resources/images/ui/eeca-business-logo.png");}
.energywise #site-logo:before{content: url("/ecca_tools_resources/images/ui/energywise-logo.png");}
.nabersnz #site-logo:before{content: url("/ecca_tools_resources/images/ui/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('/ecca_tools_resources/images/ui/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;
  overflow: hidden;
  border-top: solid 1pt #cccccc;
  break-inside: avoid;
}


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



/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/

html,
body
{
  font-family: sans-serif;
  font-size: 12pt;
}

/*
  ==========================
  headings / titles
  ==========================
*/
h2,
h3,
h4,
h5,
h6
{
  page-break-after: avoid;
}


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


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