/* Print Styles */

/* TO DO: This print sheet controls the whole website / admin. This was put on hold by the team, so if you want printing be sure to customize this sheet and test as printing is not fully formatted yet! - 2024, MS */

/* WARNING : Be sure to map all css references to all page CSS files here for print to access! This needs to include ALL CSS SHEETS FOR ALL PAGES */

/* UPDATE: These @import calls below are no longer imported here, but compiled as one file by the SASS compressor in print-minified.css */

@import url('../global/import.css');
@import url("../promotions/promotions.css");

/* TEMPORARY : For now, we hide everything in Elements for print display until we are ready to carefully design a real print version. REMOVE this style when you are ready to show/hide print features. - MStokely, 2025 */

html #body #main
{
    display:none !important;
}





/* ========== BEGIN PRINT SHEET ========== */

#body #printheader {
    display:block !important;
}

html body .grid_parent,
html #body .grid_parent {
  display:block !important;
}





/* Change grid settings to display content */

html #body section.homepage {
     display:block !important;
}

html #body section.homepage_rightcontent {
     flex:none !important;
     overflow: visible !important;
}





/* List all the areas you want hidden from printing below */

html body #header,
html body #footer,
html body #asideleft,
html body #asideright,
html body #skiptocontent,
html body #backtotop,
html body nav
{
    display:none !important;
}

html body #printheader {
    display:block;
    float:none;
    clear:both;
    width: auto;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    max-height: none;
    margin:0 0 2px 0;
    padding:0;
    border:none;
    text-align: center;
    vertical-align: top;
    background: none;
    color:#000;
}

html body #printlogo {
    display: block;
    width:auto;/* resets the width regardless of actual dimensions */
    height:auto;/* resets the height regardless of actual dimensions */
    min-width: auto;
    min-height: auto;
    max-height:4rem;/* controls the max height allowed, regardless of image dimensions and sets starting height */
    clear: both;
    margin: 0 auto;
    padding: 0 0 1rem 0;
    border: none;
    background: none;
}

html body #printheader address {
    font-size:small;
    font-style: normal;
    font-variant: small-caps;
    font-family: arial, verdana, sans-serif;
    line-height:normal;
    margin:0;
    padding:0;
}

html body #printheader hr {
	display: block;
	width: 100%;
	height: 0;
	padding: 0;
	margin: 1em 0;
	border-top: 1px solid #aaa;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	text-align: center;
}

html body base,
html body basefont,
html body head,
html body keygen,
html body link,
html body meta,
html body script,
html body style,
html body title {
  display:none !important;
}

:root,
html {
    width: auto;
    height:auto;
	min-width: auto;
	max-width: 100%;
	min-height: auto;
	max-height: none;
	padding: 0;
	margin: 0;
    color: #000;
    background: transparent;
}

html body {
	height: auto;
	width: auto;
        min-width: auto;
	max-width: 100%;
	min-height: auto;
	max-height: none;
	padding: 0;
	margin: 0;
	background: transparent;
	color: #000;
	font-family: sans-serif;
}

*,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
    position: static !important;
    float: none !important;
    background: transparent !important;
    transition: none !important;
    touch-action: none !important;
    font-smoothing: auto !important;
    text-rendering: auto !important;
}

html body pre {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
}

html body table {
    page-break-inside: avoid;
}

html body img {
    page-break-inside: avoid;
    padding: 0;
    margin: 0;
    outline: none;
    color:#ffffff;
}

html body p {
    orphans: 3;
    widows: 3;
}

html body h1,
html body h2,
html body h3 {
    page-break-after: avoid;
}

html body main a,
html body main a:link,
html body main a:visited,
html body main a:hover,
html body main a:focus,
html body main a:active {
	color: #000;
	background: transparent;
  font-weight:bold;
  text-decoration:none;
  border-bottom: 1px dashed #cccccc;
}

html body main details > * {
    display:block;
    background: transparent;
}

/* =================================== */




/* REMOVE GRID FOR PRINTING */

html #body {

    display:block !important;
    /*
    width:100% !important;
    height:100% !important;
    */
    overflow:visible

}

html #body * {

}

html .webpage_grid {

    border:none;
    padding:0px;
    margin:0px;

    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas: "main";
    -ms-grid-rows:  auto;
    -ms-grid-columns: auto;

    overflow: visible;

}


html body .webpage_grid_main {
    display: block;
    border:none;
    width: auto !important;
    height: auto !important;
    min-width: none !important;
    min-height: none !important;
    padding: 1rem;

    overflow: visible;
}


html #body main section.homepage .homepage_rightcontent,
html #body main section.homepage .homepage_rightcontent table
 {
    width: auto !important;
    height: auto !important;
    min-width: none !important;
    min-height: none !important;
    overflow: visible !important;
}