/*.print-header {
    display:block!important; 
    margin-bottom:30px;

}

.tileContent, 
#dialogBox, 
.dialogContent, 
.subContent article, 
.mld-modal {
    width:100%!important; 
    padding:0!important; 
    margin:0!important; 
    left:0!important; 
    position:relative!important; 
    display:table!important;

}

header, 
.subspacer, 
#timeline-embed, 
.upcoming, 
#slideout, 
.mobile-overlay, 
#journey, 
footer, 
.dialogTopics, 
.dialogTool, 
.dialogToolbox, 
.mfp-close, 
#expandTimeline, 
.slideClose, 
.space {
    display:none!important;
}

.mfp-container, 
.dialogBox .mdl-modal__title, 
.card-container {
    padding:0!important;
}

body.noscroll, 
.eventList, 
.newsDisplay, 
.contactDisplay {
    overflow:visible!important; 
    background:#fff!important;
}

body.noscroll #container, 
body.noscroll #contain, 
.mfp-content #dialogBox footer, 
.mfp-bg.mfp-fade.mfp-ready {
    display:none!important;
}

.mfp-wrap {
    position:absolute!important; 
    overflow:visible!important;
}

.mfp-container:before {
    vertical-align:top!important;
}

.dialogContent, 
#dialogBox {
    overflow:visible!important; 
    padding:0!important; 
    background:#fff!important; 
    display:table!important; 
    vertical-align:top; 
    height:auto!important; 
    min-height:100%!important;
}

.mld-modal {
    box-shadow:none!important; 
    border:0!important;
}

#slideout.filterStick+div+article {
    margin:0!important;
}

body #slideContainer.subContent {
    left:0px!important; 
    top:0px!important; 
    width:100%!important; 
    position:relative!important;
}

body #slideContainer.subContent.filterClose {
    left:240px!important;
}
*/

/* Set all text to black, and all backgrounds to white */
body * {
    overflow: visible !important;
    color: #000;    
    background-color: #fff;
    box-shadow: none;
    text-shadow: none;
    box-sizing: border-box;
}

/* Display the href="" link afterwards on the printout so people know where the link goes */
a:after {
    content: "( "attr(href)" )";
}
/* Write the value of your <abbr> and <acronym> title attributes into the page */
abbr:after, acronym:after { 
    content: " (" attr(title) ") ";
}

/* Page definition / Resets */
html, body {
    overflow: visible !important;
    width: 8.5in !important;
    /*height: 11in !important;*/
    max-width: none !important;
    font-size: 16px !important;
    font-size: 12pt !important;
}
html {
    height: 11in !important;
}

h1, h2, h3, h4, h5 {
  page-break-after: avoid;
}
table, figure {
  page-break-inside: avoid;
}
body video {
    display: none;
}

@page {
    size: 8.5in 11in;
}
@page :left {
    margin-left: 0.5in;
}

@page :right {
    margin-right: 0.5in;
}

/* Header alterations and overrides */
body header {
    display: none;
}
body .print-header {
    display: block; 
    padding-bottom: 15px;
}

/* Hide elements */
body .back-to-grid-btn,
body .dialogToolbox,
body .dialogTopics,
body .dialogTool,
body .dialogContent > a:first-child,
body .flexslider/*,
body .folderName .toggleArrow*/ {
    display: none !important;
}

/**
 * Various container layout alterations and overrides 
 */
body.topicSearch {
    overflow: auto !important;
}
body #templateContainer {
    /*margin-top: 0.25in;
    margin-left: 0.5in;
    margin-right: 0.5in;
    margin-bottom: 0.25in;*/
    overflow: visible;
    /*background-color: lightgray !important;DEBUG*/
}
body #contain {
     page-break-after: auto;
}
body #container {
    clear: none;
}
body .topic-details {
    perspective: none;
}
body .topic-details .mdl-modal__title {
    padding: 0;
}
body .details-container {
    overflow: visible;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
body .resourceItem {
    margin: 0 0 10px 0;
    margin: 0 0 0.625em 0;
    padding: 0 0 10px 0;
    padding: 0 0 0.625em 0;
    border: none;
    border-bottom: 1px solid #eee;
}
body .resourceItem .last-updated {
    font-size: 12px;
    font-size: 0.750em;
    font-size: 9pt;
    top: 0;
    padding: 0 0 5px;
    padding: 0 0 0.313em;
}
body .resourceIcon {
    display: none;
}
body .resourceIcon > .material-icons {
}
body .folderName .resourceDetails, 
body .folderName .faqDetails {
    display: block;
    padding-left: 30px;
    padding-left: 1.875em;
    width: 100%;
    height: 30px;
    height: 1.875em;
    font-size: 18px;
    font-size: 13.5pt;
}
body .resourceItem:hover .downloadIcon {
    display: none;
}
body .dialogContent {
    display: block;
    float: none !important;
    margin: 0;
    padding: 0;
    width: 100%;
}
body .details-container .toolboxWrapper:last-child .dialogContent {
    margin: 0;
    padding-bottom: 20px;
    padding-bottom: 1.250em;
    padding-bottom: 0;
    height: auto;
    width: 100%;
}

body .dialogContentArea .toolbox-title-area,
body .dialogContentArea .toolbox-content-area {
    margin-left: -10px;
    margin-left: -0.625em;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-bottom: 0.625em;
}
body .dialogContentArea .toolbox-title-area > .material-icons {
    top: 11px;
    font-size: 30px;
    font-size: 22pt;
}
body .dialogDesc {
    margin-bottom: 0;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
}

/**
 * Tour (introjs) overrides (if the tour is visible it can mess up the print layout)
 */
body .introjs-overlay,
body .introjs-helperLayer,
body .introjs-tooltipReferenceLayer,
body .introjs-disableInteraction {
    display: none;
}

/**
 * Accordion alterations and overrides
 */

body .accordionHeader {
    position: relative;
    padding: 0;
}
body .accordionHeader > .resourceIcon {
    display: block;
    position: absolute;
    top: 0;
    margin: 0;
    padding-top: 0;
    width: auto;
    height: auto;
    line-height: 1;
}

/* Open all accordionBody elements (NOTE the ".accordian" class name typo) */
body .folderName .toggleArrow {
    position: absolute;
    right: 0;
    top: 0;
}
body .accordionBody,
body .accordion .accordionBody {
    /*display: block !important; DEBUG: For testing*/
    margin: 0;
    padding: 0 0 0 30px;
    padding: 0 0 0 1.875em;
    border: none;
}
body .accordion .accordionBody {
    margin: 0 0 0.625em 0;
    border-bottom: 1px solid #eee;
}
body .accordian .resourceItem:after,
body .accordian .resourceItem:after {
    display: block;
    margin-left: 30px;
    font-size: 14px;
    font-size: 10.5pt;
}
body .accordian .resourceItem > .resourceIcon {
    display: block;
    position: absolute;
    left: -2px;
    left: -0.125em;
    top: 0;
    width: auto;
    height: auto;
    line-height: 0;
    margin: 0;
    padding: 0;
}
body .accordian .resourceItem > .resourceDetails {
    padding-left: 30px;
    padding-left: 1.875em;
    width: 100%;
}
body .accordian .resourceItem > .resourceDetails > .linkTitle,
body .accordian .resourceItem > .resourceDetails > .resourceSize {
    font-size: 18px;
    font-size: 13.5pt;
    font-weight: 700;
}

/* Styles for faq elements */
body .accordion .accordionItem .selectedAccordionHeader {
    margin: 0;
    border: none;
}
body .accordion .accordionItem .faqIcon {
    display: block;
    position: absolute;
    left: -2px;
    left: -0.125em;
    top: 0;
    width: auto;
    height: auto;
    line-height: 0;
    margin: 0;
    padding: 0;
}
body .accordion .accordionItem .faqDetails {
    padding-left: 30px;
    padding-left: 1.875em;
    width: 100%;
}

/* Styles for "linkItem" elements */
body .dialogContent .linkItem {
    margin: 0 0 10px 0;
    margin: 0 0 0.625em 0;
    padding: 0 0 10px 0;
    padding: 0 0 0.625em 0;
    border: none;
    border-bottom: 1px solid #eee;
}
body .dialogContent .linkItem > .resourceIcon {
    display: block;
    position: absolute;
    top: 0;
    margin: 0;
    padding-top: 0;
    width: auto;
    height: auto;
    line-height: 1;
}
body .dialogContent .linkItem:after {
    display: block;
    margin-left: 30px;
    margin-left: 1.875em;
    font-size: 14px;
    font-size: 10.5pt;
}
body .dialogContent .linkItem .linkIcon {
    display: block;
    position: absolute;
    left: -2px;
    left: -0.125em;
    top: 0;
    width: auto;
    height: auto;
    line-height: 0;
    margin: 0;
    padding: 0;
}
body .dialogContent .linkItem:hover .externalLinkIcon {
    display: none;
}
body .dialogContent .linkItem .resourceDetails {
    padding-left: 30px;
    padding-left: 1.875em;
    width: 100%;
}
body .dialogContent .linkItem .resourceDetails .cardPreviewTitle {
    height: 30px;
    height: 1.875em;
    height: 1.500em; /*1.875em's didn't translate well...*/
    font-size: 18px;
    font-size: 13.5pt;
}

/**
 * Contact toolbox 
 * NOTE: In order for the contact toolboxes contact information to be displayed, I had to
 * call the click event once the print action was triggered (see TopicDetails.cshtml before
 * window.print()). This is because the contact information isn't displayed on load, and
 * requires an API call to be displayed.
 */
body .contactContent .resourceDetails {
    display: none;
}
/* DEBUG: Comment in for testing body*/ .contactContent .contactDisplay.ng-hide:not(.ng-hide-animate),
body .contactContent .contactDisplay *.ng-hide:not(.ng-hide-animate) {
    display: block !important;
}
body .contactContent .contactFullDetails {
    margin: 0;
    padding: 0 0 0 30px;
    padding: 0 0 0 1.875em;
    width: 100%;
}
body .contactContent .contactFullDetails .contactBusiness {
    margin-bottom: 10px;
    margin-bottom: 0.625em;
}

/* Footer alterations and overrides */
body .mini-footer,
body .topicSearch .mini-footer {
    display: block !important;
    max-height: none !important;
}
body #contain + .mini-footer {
    display: none !important;
}
body .mini-footer--link-list, 
body .mini-footer__link-list {
    /*flex-wrap: wrap !important;*/
    display: block !important;
}
body .mini-footer__left-section .mobile-only {
    height: 10px;
    height: 0.625em;
}
body .mini-footer__left-section .mobile-only button {
    display: none;
}
body .mini-footer__right-section .desktop-only {

}
body .mini-footer__left-section li,
body .mini-footer__right-section li {
    display: inline-block !important;
    margin-right: 15px;
    margin-right: 0.938em;
    line-height: 1.5;
}
/* Hide duplicate copyright info */
body .mini-footer__right-section ul.social-links li.mobile-only {
    display: none !important;
}
body .mini-footer__left-section li a,
body .mini-footer__right-section li a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 10.5pt;
}
body .mini-footer__left-section li a i,
body .mini-footer__right-section li a i {
    width: auto;
}