@page { margin: 18mm; }
/* General content */
header#asu-header,
#ws2HeaderContainer.asu-brand-toolbar-header-tray-open-compat-vertical div#asuHeader,
#asuHeader { position: static !important; }
/*#asuHeader.scrolled { position: relative; } !* Show header at top if page scrolls but don't repeat header across pages *!*/
#asuHeader div, #asuHeader .horiz { margin-left: 0; padding-left: 0; }
header [id] { scroll-margin-top: 0; }
.container, .container-fluid, .container-xl, .layout-container, main[role="main"] { width: 100% !important; margin: 0 !important; padding: 0 !important; }
div, span, .text-white { background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: #000 !important; }
figure, blockquote, pre { break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; }

body.toolbar-vertical, body.toolbar-vertical.toolbar-tray-open, body.toolbar-horizontal, body.toolbar-horizontal.toolbar-tray-open, body.layout-no-sidebars, body.toolbar-tray-open { padding-top: 10px !important; }

#asu-header.fixed-top + div { margin-top: 1rem; }

.uds-card-arrangement > .uds-card-arrangement-card-container,
.uds-card-arrangement-card-container { display: block !important; grid-template-columns: 1fr !important; gap: 0 !important; }
.card { display: block !important; margin: 0 0 12pt !important; }

.paragraph.bg { margin: 0 !important; padding-bottom: 3rem; padding-top: 3rem; } /* Remove margin, halve padding. */

.node--type-home-page .order-sm-2 { order: 1 !important; }
.node--type-home-page .order-sm-1 { order: 2 !important; }

div.paragraph--type--hero { display: block; height: auto; }
.paragraph--type--hero h1 { margin-bottom: 0; }
.paragraph--type--hero .content { display: block !important; margin: 0; }
div[class^="uds-hero"] h1 span, div[class^="uds-hero"] .h1 span { margin-left: 0; }

article, .page-vocabulary-news-type, .page-view-taxonomy-term, .path-taxonomy, .page-view-shelf-life { margin: 0 1rem; }

.uds-image-text-block-container { display: block; border: none; margin-bottom: 1rem; }
.uds-image-text-block-text-container { max-width: 100%; padding: 1rem 0; }

.accordion-item .collapse { display: block !important; }
.accordion-item { break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; }

.full-width.view .views-row:first-child,
.full-width.view .views-row:last-child { padding: 0 12px; }

.uds-card-and-image { background: none !important; padding-left: 0; padding-right: 0; display: block !important; max-height: 300px; }
.uds-card-and-image-container { max-width: 100%; }
.paragraph:last-of-type { margin-bottom: 0 !important; }

/* Use mobile sizes for headings */
h1, h1.article { font-size: 2.25rem !important; }
h2 { font-size: 2rem !important;}
h3 { font-size: 1.5rem !important;  }
/* Page-break control around headings */
h2, h3 { break-after: avoid; break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; }
h2 + p, h3 + p { break-before: avoid; page-break-before: avoid; -webkit-column-break-before: avoid }

ul, ol { padding-bottom: 1.5rem !important; }
p, li { orphans: 3; widows: 3; max-width: 100%; }

.view-news .views-row { margin-bottom: 1rem; }

.site-header,
.menu--main,
.menu--account,
.breadcrumb,
.region-sidebar-first,
.region-sidebar-second,
.region-precontent,
.region-highlighted,
.region-footer,
.site-footer,
.menu--footer,
.block-local-tasks-block,
.messages,
.cookieConsentContainer,
.sticky-header, .back-to-top,
nav.tabs,
.tabs.container, .universal-nav,
.navbar-toggler, .expand-title nav, .sidebar-toggler,
.hero-section picture.hero, .hero-section .hero-overlay, .hero-section .btn-row,
.card-img-top, .card-buttons, .card-button, .btn:not(.form-submit, .los-search),
.ed11y-element,
.invisible-md { display: none !important; }

/* For now, hide all images except ASU logo on print */
.uds-image-text-block-image-container,
.profile-img-container,
picture,
figure { display: none !important; }

/* Debugging class to visualize margin. Anywhere orange shows around the green child is margin space.  */
.print-debug .row, .print-debug .container, .print-debug article, .print-debug {
  background: rgba(255, 165, 0, .08) !important; /* parent */
}
.print-debug > div {
  background: rgba(0, 128, 0, .08) !important;   /* child content box */
}