/****** FILE: themes/mpi/css/print.css *****/
/*
  ===============================================================================
  COMPONENTS TO BE HIDDEN FROM PRINT
  ===============================================================================
*/

#page-head h1 a,
#page-head div a,
#page-head-utilities,
.back-to-top,
#breadcrumbs,
#page-banner,
#quick-finder,
#secondary-nav,
#page-foot-upper section,
#page-foot-lower,
.bookmarks,
.book-navigation,
.doc-cart-tab,
.page-feedback,
#login-modal,
.Actions,
h2.dst-section-title
{
  display: none;
}


/*
  ===============================================================================
  PAGE LAYOUT AND STRUCTURAL ELEMENTS
  ===============================================================================
*/

/* page head */
/* --------- */
#page-head
{
  height: auto;
}

#page-head h1, #page-head div

{
  text-align: right;
}

#page-head h1 img, #page-head div img
{
  display: inline-block;
  width: 34%;
}

/*
  ==========================
  alert / crisis banner
  ==========================
*/
div.alert
{
  padding: 12pt;
  margin: 12pt 0;
  border: solid 3pt #990000;
}

div.alert a
{
  text-decoration: underline;
}

div.alert .wrapper
{
  font-size: 18pt;
}

div.alert h2
{
  font-size: 24pt;
  line-height: 1;
  text-transform: uppercase;
}

div.alert h4
{
  padding-top: 12pt;
  line-height: 1;
  text-transform: uppercase;
}

div.alert h2 + *,
div.alert h4 + *
{
  margin-top: 12pt;
}


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

#page-foot-upper
{
  margin-top: 12pt;
  padding-top: 6pt;
  border-top: solid 1pt #eeeeee;
}

#page-foot-upper #footer-contacts
{
  display: block;
}

#footer-contacts h2
{
  font-size: 16pt;
}

#footer-contacts ul li span
{
  display: inline-block;
  margin-right: 12pt;
}

#footer-contacts ul li a
{
  text-decoration: none;
}



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

/*
  ==========================
  default text
  ==========================
*/

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

body,
select,
input,
textarea
{
  font-family: sans-serif;
  color: #222222;
  line-height: 1.3;
}


/*
  ==========================
  headings / titles
  ==========================
*/

h1#page-title
{
  font-size: 30pt;
  line-height: 1.1;
  font-weight: normal;
}

/* heading */
/* ------- */
h2
{
  font-size: 24pt;
  line-height: 1.2;
}

/* sub-heading */
/* ----------- */
h3
{
  font-size: 20pt;
  line-height: 1.2;
}

/* minor heading */
/* ------------- */
h4
{
  font-size: 16pt;
  line-height: 1.2;
}

/* minor heading 2 */
/* --------------- */
h5
{
  font-size: 13pt;
  line-height: 1.2;
}

/* header spacing */
/* -------------- */
main h1 + *,
main h2 + *,
main h3 + *,
main h4 + *,
main h5 + *
{
  margin-top: 2pt !important;
}

main * + h2,
main * + h3,
main * + h4,
main * + h5
{
  margin-top: 18pt !important;
}

main h1 + h2,
main h1 + h3,
main h1 + h4,
main h1 + h5,
main h1 + h6,
main h2 + h3,
main h2 + h4,
main h2 + h5,
main h2 + h6,
main h3 + h4,
main h3 + h5,
main h3 + h6,
main h4 + h5,
main h4 + h6,
main h5 + h6
{
  margin-top: 2pt !important;
}

main hr + h2,
main hr + h3,
main hr + h4,
main hr + h5
{
  margin-top: 10pt !important;
}

/*
  ==========================
  paragraphs
  ==========================
*/

main .intro *
{
  font-size: 18pt;
  line-height: 1.2;
  color: #333;
}

main .intro hr
{
  margin: 18pt 0;
  border-top: 2pt solid #ededed;
}

main * + .intro,
main h1#page-title + .intro
{
  margin-top: 6pt !important;
}

main p + p,
main * + p
{
  margin-top: 12pt;
}

/*
  ==========================
  links
  ==========================
*/

a
{
  color: #006699;
  text-decoration: underline;
}

/*
  ==========================
  main content imagery
  ==========================
*/

main figure
{
  width: 34%;
}

main figure img
{
  display: block;
}

main figure figcaption
{
  display: block;
  width: 100%;
  padding: 5pt;
  margin-top: 3pt;
  background-color: #f4f4f4;
  border-bottom: solid 1pt #cccccc;
  border-top: solid 1pt #00abbe;
  font-size: 10pt;
  color: #333333;
}

main h2 + figure,
main h3 + figure,
main h4 + figure,
main h5 + figure,
main * + figure
{
  margin-top: 10pt !important;
}

/* full width image */
/* ---------------- */
main figure.full-width
{
  width: 100%;
}

main figure.full-width img
{
  width: 100%;
}

/*
  ==========================
  content lists
  ==========================
*/

main ul
{
  margin: 0 0 0 12pt;
  list-style-type: disc;
}

main ol
{
  margin: 0;
  list-style-type: decimal;
  list-style-position: inside;
}

main ol ol
{
  margin: 0 0 0 12pt;
  list-style-type: lower-latin;
}

main ol li
{
  padding: 2pt 0;
  border-bottom: solid 1pt #cccccc;
}

main ol ol li
{
  border-bottom: none;
  border-top: solid 1pt #cccccc;
}

main * + ul,
main * + ol
{
  margin-top: 6pt;
}

/*
  ==========================
  forms
  ==========================
*/

main form
{

}

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

/* general form inner styles */
/* ------------------------- */
main form input,
main form select,
main form textarea
{
  display: block;
  width: 100%;
  padding: 5pt;
  border: solid 0.1rem #bcc6d4;
}

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

.Actions
{
  margin-top: 20pt;
  padding-top: 20pt;
  border-top: solid 1pt #cdd6dc;
  text-align: right;
}

.Actions input + input
{
  margin-left: 10pt;
}

/* form field labels */
/* ----------------- */
main form label,
main form .field fieldset
{
  display: inline-block;
  color: #333333;
}

main form .req-indicator,
main form .required
{
  color: #990000;
}

main form .extra
{
  display: block;
  font-size: 90%;
}

/* check boxes and radio buttons */
/* ----------------------------- */
main form .optionset
{
  list-style-type: none;
  margin: 0;
}

main form .optionset label,
main form .checkbox label
{
  display: inline;
  vertical-align: middle;
  color: #131313;
}

main form .optionset input,
main form .checkbox input
{
  display: inline;
  padding: 0;
  width: auto;
  margin-right: 4pt;
  border: none;
  vertical-align: middle;
}



/* buttons */
/* ------- */
button,
.button,
.button:visited,
.Actions input
{
  display: inline-block;
  height: 20pt;
  width: auto;
  padding: 0 12pt;
  background-color: #8cc63f;
  border: none;
  text-align: center;
  font-size: 12pt;
  text-transform: uppercase;
  line-height: 1.8;
  white-space: nowrap;
  color: #ffffff;
}

button.inactive,
button[inactive],
.button.inactive,
.Actions input[type='reset']
{
  background-color: #cccccc;
}

/* button with plus sign */
button.plus:after,
.button.plus:after,
button.minus:after,
.button.minus:after
{
  display: inline-block;
  vertical-align: middle;
  padding-left: 1pt;
  content: '\e80e';
  font-family: 'font_icon';
  font-size: 16pt;
}

/* button with minus sign */
button.minus:after,
.button.minus:after
{
  content: '\e811';
}

/*
  ==========================
  tables
  ==========================
*/

main table
{
  width: 100%;
  border-collapse: collapse;
}

main table th
{
  font-size: 13pt;
  text-align: left;
  vertical-align: top;
}

main table th,
main table td
{
  padding: 4pt;
  border: solid 1pt #cccccc;
}

main table td img
{
  display: block;
  width: 150pt;
  float: left;
  margin: 0 10pt 5pt 0;
}

main * + table
{
  margin-top: 12pt;
}

/*
  ==========================
  quotes
  ==========================
*/

main blockquote
{
  border-bottom: solid 3pt #6F777B;
  border-top: solid 3pt #6F777B;
  padding: 18pt 30pt;

  font-family: Georgia, serif;
  font-size: 18pt;
  line-height: 1.3;
  font-style: italic;
  color: #6F777B;
}

main * + blockquote
{
  margin-top: 12pt;
}

/*
  ==========================
  document sets - simple and dynamic
  ==========================
*/

ul.simple-document-list
{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 12pt;
}

ul.simple-document-list li
{
  padding: 8pt 12pt;
  border-bottom: solid 1pt #BAC7D3;
}

ul.simple-document-list li:first-child
{
  border-top: solid 1pt #BAC7D3;
}

/*
  ==========================
  document / link highlight
  ==========================
*/
main .feature-doc,
main .feature-link
{
  padding: 10pt;
  overflow: hidden;
  border: solid 0.1rem #bcc6d4;
  font-size: 14pt;
  line-height: 1.4;
}

main .feature-doc a,
main .feature-link a
{
  display: inline-block;
  font-weight: bolder;
  font-size: 16pt;
}

main .feature-doc a:after,
main .feature-link a:after
{
  display: inline;
  padding-left: 6pt;
  font-weight: normal;
  font-size: 14pt;
}
main .feature-link a:after
{
    content: attr(title);
}

main * + .feature-doc,
main * + .feature-link
{
  margin-top: 12pt;
}

/*
  ==========================
  page info and feedback
  ==========================
*/

/* main content feedback */
/* --------------------- */
.page-info-feedback
{
  clear: both;
  margin-top: 30pt;
  border-top: solid 4pt #ededed;
  padding: 12pt;
  font-size: 12pt;
  line-height: 1;
}

.page-info-feedback span:first-child
{
  margin-right: 10pt;
}

.page-info-feedback span:last-child
{
  margin-left: 10pt;
}

.page-info-feedback time
{
  font-weight: bold;
}


/*
  ==========================
  common tiles
  ==========================
*/
#main-page .tile
{
  overflow: hidden;
  clear: both;
}

#main-page .tile + *
{
  clear: both;
  margin-top: 10pt;
}

#main-page .tile h2
{
  margin: 0;
  padding: 0 0 10pt 0;
  font-size: 18pt;
  line-height: 1;
  font-family: 'font_regular';
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

#main-page .tile figure
{
  float: left;
  max-width: 26%;
  margin-right: 10pt;
  overflow: hidden;
}

/* promo tile variation */
/* -------------------- */
#main-page .tile.promo
{

}

#main-page .tile.promo a
{

}

#main-page .tile.promo h2
{
  text-transform: none;
  padding-bottom: 2pt;
}

#main-page .tile.promo a h2
{
  text-align: left;
}


/*
  ==========================
  feature list / what's popular list
  ==========================
*/

#main-page * + .feature-list
{
  margin-top: 12pt;
}

.feature-list h2
{
  font-size: 16pt;
  color: #333;
}

.feature-list ul
{
  list-style-type: none;
  font-size: 13pt;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

.feature-list ul li
{
  padding: 4pt 0;
}


/*
  ==========================
  media - such as youTube, etc
  ==========================
*/
main .media
{
  display: none;
}

main .media iframe
{
  display: none;
}


/*
  ==========================
  article lists (with tags)
  ==========================
*/

/* tag list filter */
/* --------------- */
.tag-list
{
  font-size: 14pt;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
}

.tag-list a
{
  color: #999;
  text-decoration: none;
}

.tag-list a.active
{
  color: #006699;
}

/* article styling */
/* --------------- */
.article-list article
{
  margin: 10pt 0 0 0;
  padding: 10pt 0 0 0;
  border-top: solid 1pt #cccccc;
  font-size: 14pt;
  overflow: hidden;
}

.article-list article + article
{
  margin-top: 12pt;
}

.article-list article h2
{
  margin-top: 0 !important;
  font-size: 16pt;
}

.article-list article h3
{
  text-transform: uppercase;
  font-size: 13pt;
  color: #00849f;
}

.article-list article h3 span
{
  color: #131313;
  text-transform: none;
}

.article-list article h3 + h3
{
  margin-top: 4pt !important;
}

/* attributes - such as news tags / info */
/* ------------------------------------- */
.article-list article .article-attributes
{
  margin-bottom: 4pt;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12pt;
  line-height: 1;
  color: #333333;
}

.article-list article .article-attributes > *
{
  display: inline-block;
  margin-right: 12pt;
}


/* article icons */
/* ------------- */
.article-list article .icon
{
  display: none;
}

/* article thumbnails */
/* ------------------ */
.article-list .article-thumbnail
{
  float: left;
  display: block;
  width: 30%;
  margin: 0 10pt;
  overflow: hidden;
}

.article-list .article-thumbnail img
{
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
}


/* article main info */
/* ----------------- */
.article-list article .article-info
{
  overflow: hidden;
}

.article-list article h3 + .article-abstract
{
  margin-top: 6pt !important;
}

.article-list article .article-info .columns
{
  font-weight: bold;
}

.article-list article .article-info .columns p + p
{
  margin-top: 0;
}

.article-list article .article-info * + .columns
{
  margin-top: 6pt;
}


/*
  ==========================
  pagination
  ==========================
*/
.pagination
{
  border-top: solid 0.1pt #cccccc;
  margin-top: 20pt;
  padding-top: 10pt;
  text-align: right;
}

.pagination span,
.pagination a
{
  display: inline-block;
  margin-left: 6pt;
  color: #333;
  font-size: 12pt;
  text-align: center;
  text-decoration: none;
}

.pagination span
{
  font-weight: bold;
}


/*
  ==========================
  'more' link to AJAX content
  ==========================
*/

.more-control
{
  display: none;
}


/*
  ==========================
  sitemap listing style
  ==========================
*/

.sitemap ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sitemap ul
{
  font-weight: bold;
  font-size: 14pt;
}

.sitemap ul li + li
{
  margin-top: 6pt;
}

.sitemap ul li ul
{
  font-weight: normal;
  font-size: 12pt;
}

.sitemap ul li ul li + li
{
  margin-top: 3pt;
}

.sitemap ul ul ul
{
  margin-left: 10pt;
}

/* sitemap variation for landing pages */
/* ----------------------------------- */
.sitemap.summary ul li
{
  padding-top: 8pt;
  margin-top: 8pt;
  border-top: solid 1pt #cccccc;
}

.sitemap.summary ul li ul li
{
  padding: 0;
  border: none;
  display: inline;
}

.sitemap.summary ul li ul li a
{
  text-decoration: none;
}

.sitemap.summary ul li ul li a:after
{
  display: inline;
  content: ',';
}

.sitemap.summary ul li ul li:last-child a:after
{
  display: none;
}

/*
  ==========================
  misc styles
  ==========================
*/

/* standard colour palette */
/* ----------------------- */
.color-01{color: #003F5F;}
.color-02{color: #007D97;}
.color-03{color: #A7600C;}
.color-04{color: #CE4643;}
.color-05{color: #4C8324;}
.color-06{color: #6E298D;}
.color-08{color: #6F777B;}

.txt-right{text-align: right;}



/*
  ===============================================================================
  PAGE TYPE OVERRIDES
  ===============================================================================
*/


/*
  ==========================
  news article page
  ==========================
*/

#news-article-summary
{
  padding: 10pt 0;
  border-top: solid 2pt #cccccc;
  border-bottom: solid 2pt #cccccc;
  font-size: 12pt;
  font-weight: bold;
}

h1 + #news-article-summary,
* + #news-article-summary
{
  margin-top: 10pt !important;
  margin-bottom: 16pt;
}

#news-article-summary p
{
  margin: 0;
}


/*
  ==========================
  search page
  ==========================
*/

.lhs.search-filters
{
  display: none;
}


/*
  ==============================
  process page & expandable page
  ==============================
*/

.process-flow
{
  padding: 0 0 30pt 0;
  border-bottom: solid 3pt #ededed;
}

.process-flow.expandable {
    margin: 15pt 0 30pt 0;
}

.process-flow.expandable.has-upper-content {
    padding: 30pt 0 30pt 0;
    border-top: solid 3pt #ededed;
}

.process-flow .process-show
{
  display: none;
}

.process-flow h2.process-title
{

}

/* process steps */
/* ------------- */
.process-step
{
  margin-top: 10pt;
}

.process-step + .process-step
{
  margin-top: 30pt;
}

/* header */
.process-step header
{
  padding: 12pt;
  border-top: solid 1pt #ededed;
  border-bottom: solid 1pt #ededed;
}

.process-step header h3 span
{
  display: inline-block;
  margin-left: 6pt;
}

.process-step header h4
{
  font-size: 16pt;
}

.process-step header.show-hide span.indicator
{
  display: none;
}

/* detail */
.process-detail
{
  margin-top: 20pt;
}


/*
  ==========================
  book page(s)
  ==========================
*/

/* book page content */
/* ----------------- */
section.book-page
{
  margin-top: 12pt;
  padding-top: 12pt;
  border-top: solid 3pt #eeeeee;
}

section.book-page h1
{
  font-size: 26pt;
  font-weight: normal;
}

/* pdf generated from html */
.book-page {
    page-break-before: always;
}

/*
  ==========================
  decision support tool (DST)
  ==========================
*/

#dst-answer-list-wrapper .dst-answer-list, 
#dst-journeys-list-inner
{
  display: block;
}

.dst-outcome #dst-start-content,
#dst-journeys-list > a.button,
#dst-journeys-list-inner .interaction,
#dst-journeys-list-inner .dst-saved-input-name,
#dst-print,
.dst-outcome-title
{
  display: none;
}

.dst-back-links * + *
{
  margin-left: 20px; margin-left: 2rem;
}