/* Print Styles */

/* 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 */

/* Default Global Variables CSS Sheet : IMPORTANT: Replace below with the liquid one once that is supported. 
Right now this is in a snippet or component. Until we figure out how to assign liquid variablees in CSS the print sheet 
has no real access to this beyond a static sheet below! It needs to allow the liquid values, later. */

/* @import url("globalvariables.css"); <<<< replace this with below, once built! */


@import url("fonts.css");

@import url("icons.css");

@import url("html.css");

@import url("layout.css");


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

html body.grid_parent,
#body .grid_parent {
  display:block !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,
html body .banner_bottom,
html body .page_bottom,
html body .preloader,
html body .product_1_flexbox_child1,
html body .collection_1_flexbox_child1,
html body .product_1_slider_iconclose,
html body .collection_1_slider_iconclose,
html body #chat
{
    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 .grid_parent {
    border:none;
    padding:0px;
    margin:0px;
}

html body .grid_main {
    display:block;
    overflow:visible;
    border: 1px solid #aaa;
    width:auto !important;
    height:auto !important;
    min-width:none !important;
    min-height:none !important;

    padding:1rem;
}

html body .grid_footer {
}