/* This project uses the ITCSS methodology of increasing specificity.

   ITCSS Methodology:
   https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
*/

/* 1. SETTINGS: fonts, colors definitions, etc. (no CSS) */

/* 2. TOOLS: globally used mixins and functions (no CSS) */

/* 3. GENERIC: reset styles, box-sizing definition, etc. (1st layer of CSS) */

abbr[title] {
  border-bottom: 0;
  text-decoration: none;
}
/* BEM notation: block__element--modifier */

body {
  height: auto;
}
.innerBody {
  height: auto;
}
.no-print {
  display: none !important;
}
.page-break {
  display: block;
  page-break-before: always !important;
}
.print {
  display: block !important;
}
/* 4. ELEMENTS: styling for bare HTML elements ( h1, a, etc.) */

/* BEM notation: block__element--modifier */

.tab__headers {
  display: none;
}
/* BEM notation: block__element--modifier */

thead {
  display: table-row-group;
}
tfoot {
  display: table-row-group;
}
tr,
td,
th {
  page-break-inside: avoid;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
/* 5. OBJECTS: class-based selectors defining undecorated design patterns */

/* 6. COMPONENTS: specific UI components (majority of CSS exists here) */

/* BEM notation: block__element--modifier */

.masthead__contact,
.masthead__vatToggle,
.masthead__tabs,
.masthead__accountTabs,
.masthead__flyoutPanelGroup,
.masthead__cookieBar,
.masthead__topBar,
.masthead__main {
  display: none;
}
.printArea {
  display: block;
}
.page-break {
  display: block;
  page-break-before: always;
}
/* BEM notation: block__element--modifier */

.footer,
.footer__Links,
.footer__contactFeedback,
.footer__paymentMethods,
.footer__socialLinks,
.footer__copyright,
.footer__checkoutLinks {
  display: none;
}
.footer__contact {
  float: none;
  width: auto;
}
.footer__contactPhone {
  font-size: 1.25rem;
}
.footer__main {
  padding-top: 0;
}
/* BEM notation: block__element--modifier */

.secureMsg {
  display: none;
}
/* BEM notation: block__element--modifier */

.checkoutControls,
.checkoutSteps {
  display: none;
}
article.basket {
  padding-bottom: 0px;
}
/* BEM notation: block__element--modifier */

.modal {
  position: relative;
  left: 0;
  width: auto;
  margin-left: 0;
}
.modal__footer,
.modal__close,
.modal__header {
  display: none;
}
/* BEM notation: block__element--modifier */

.query__reply {
  display: none;
}
.uniqueSellingPoints,
.breadcrumbBar,
.accountNav,
.statement__paymentMethod,
.remittance .print--hide {
  display: none;
}
/* 7. TRUMPS: utilities & helper classes, overriding anything above */

/* BEM notation: block__element--modifier */

.checkoutPanel__trackLink {
  display: none !important;
}
/* BEM notation: block__element--modifier */

.modal {
  top: 0 !important;
}
.modal__body {
  max-height: inherit !important;
}
/* BEM notation: block__element--modifier */

.statement .checkoutPanel__body {
  height: auto !important;
  padding: 0;
}
.statement .checkoutPanels--invoice .checkoutPanel__body,
.statement .checkoutPanels--invoice .statement__paymentOption p,
.statement .checkoutPanels--invoice .statement__paymentOption label,
.statement .checkoutPanels--invoice .checkoutPanel__title,
.statement .checkoutPanels--statement .checkoutPanel__body,
.statement .checkoutPanels--statement .statement__paymentOption p,
.statement .checkoutPanels--statement .statement__paymentOption label,
.statement .checkoutPanels--statement .checkoutPanel__title,
.statement .checkoutPanels--invoice .message p,
.statement .checkoutPanels--statement .message p,
.statement .accountList__table.table--small th,
.statement .accountList__table.table--small td,
.statement .statement__table.table--small th,
.statement .statement__table.table--small td {
  font-size: 12px;
  line-height: 1.2em;
}
.statement .statement__panelBody .checkoutPanels--statement .checkoutPanels__column section {
  margin: 0 0 10px;
}
.statement .accountList__table.table--small th,
.statement .accountList__table.table--small td,
.statement .statement__table.table--small th,
.statement .statement__table.table--small td {
  padding: 5px;
}
.statement .checkoutPanels--invoiceFooter p {
  font-size: 10px;
  line-height: 1.2em;
}
/* BEM notation: block__element--modifier */

.pdfLayout {
  height: auto;
  width: 100%;
  overflow: visible;
}
.pdfLayout a:link {
  text-decoration: none;
  color: inherit;
}
.pdfLayout .masthead,
.pdfLayout .footer {
  display: none;
}
.pdfLayout main {
  background: transparent;
}
.pdfLayout .main__container,
.pdfLayout .statement__panelBody {
  padding: 0;
}
.pdfLayout .checkoutPanels__column--third {
  width: 32.222222222%;
  margin: 0 1.3% 0 0;
}
.pdfLayout .checkoutPanels__column--third:last-child {
  margin-right: 0;
}
.pdfLayout .checkoutPanels__column--twoThirds {
  width: 65.888888888%;
}
.pdfLayout .checkoutPanels__column--lastThird {
  width: 30%;
  margin-left: 1.3%;
}
.pdfLayout .checkoutPanels__column--half {
  width: 48%;
  margin-right: 2%;
}
.pdfLayout .checkoutPanels__column--half:last-child {
  margin-right: 0;
}
.pdfLayout #quoteHeader .invoiceHeader__table,
.pdfLayout .invoiceHeader__table {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 245px;
}
.pdfLayout .accountList__tableCell--po {
  max-width: 150px;
  width: 150px;
  word-break: break-all;
}
.pdfLayout .checkoutPanels__column--full {
  page-break-before: avoid;
  display: block;
}
.pdfLayout .checkoutPanels--invoice .checkoutPanel__body,
.pdfLayout .checkoutPanels--invoice .statement__paymentOption p,
.pdfLayout .checkoutPanels--invoice .statement__paymentOption label,
.pdfLayout .checkoutPanels--invoice .checkoutPanel__title,
.pdfLayout .checkoutPanels--invoice .checkoutPanel__body p,
.pdfLayout .checkoutPanels--invoice .checkoutPanel__body p span,
.pdfLayout .checkoutPanels--statement .checkoutPanel__body,
.pdfLayout .checkoutPanels--statement .statement__paymentOption p,
.pdfLayout .checkoutPanels--statement .statement__paymentOption label,
.pdfLayout .checkoutPanels--statement .checkoutPanel__title,
.pdfLayout .checkoutPanels--invoice .message p,
.pdfLayout .checkoutPanels--statement .message p,
.pdfLayout .accountList__table.table--small th,
.pdfLayout .accountList__table.table--small td,
.pdfLayout .statement__table.table--small th,
.pdfLayout .statement__table.table--small td {
  font-size: 12px;
  line-height: 1.2em;
}
.pdfLayout article.packingSlip .checkoutPanels--invoice .checkoutPanel__body,
.pdfLayout article.packingSlip .checkoutPanels--invoice .checkoutPanel__title,
.pdfLayout article.packingSlip .packingSlip__table.table--small th,
.pdfLayout article.packingSlip .packingSlip__table.table--small td {
  font-size: 16px;
}
.pdfLayout article.packingSlip .invoiceHeader__text .invoiceHeader__contactUs {
  font-size: 14px;
}
.pdfLayout .statement__panelBody .checkoutPanels--statement .checkoutPanels__column section {
  margin: 0 0 10px;
}
.pdfLayout .accountList__table.table--small th,
.pdfLayout .accountList__table.table--small td,
.pdfLayout .statement__table.table--small th,
.pdfLayout .statement__table.table--small td {
  padding: 5px;
}
.pdfLayout .checkoutPanels--invoiceFooter p {
  font-size: 10px;
  line-height: 1.2em;
}