/* --------------------------------------
    This stylesheet is devoted to: 
    
    print styles
-------------------------------------- */

body, 
body * {
    width: auto;
    height: auto;
    box-sizing: border-box;
    max-widtH: 100%;
}
body { 
    margin: 0 5%; 
    font-size: 100%; 
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    line-height: 1.45;

}
body * {
    font-size: 100%;

}
body p,
body li, 
body ul,
body ol {
    font-size: 12pt;
    margin: 6pt 0;
    border: none;
}
body ol,
body ul {
    list-style-position: outside;
    padding-left: 12pt;
}
body ol {
    list-style-type: decimal;
}
body ul {
    list-style-type: disc;
}
body p a,
body li a, 
body ul a,
body ol a {
    font-size: 100%;

}
.stype p.intro {
    font-size: 14pt;

    line-height: 1.6;
    padding-bottom: 20pt;
    border-bottom: 1pt solid #ccc;
    margin-bottom: 20pt;
}
hr {
    margin: 20pt 0;
    height: 0;
    outline: none;
    border: none;
    border-bottom: 1pt solid  #ccc;
}

body h1,
body h2,
body h3,
body h3,
body h4,
body h5 {
    /* font-family: "Sentinel A", "Sentinel B"; */
    font-weight: 700;
    padding: 0;
    margin: 18pt 0 12pt 0;
    line-heighT: 1.2;
}
body h2,
body h3,
body h3,
body h4,
body h5 {
    font-family: proxima-nova, sans-serif;
}

body h1 { font-size: 32pt; }
body h2 { font-size: 20pt; }
body h3 { font-size: 16pt; }
body h4 { font-size: 14pt; }
body h5 { font-size: 13pt; }
body h6 { font-size: 12pt; }


div {
    margin: 0;
    padding:  0;
    border: none;
}
#website-header,
#website-footer,
#sidebar,
#main-aside,
#alert-background,
#cookie-bar,
#review-menu,
.slick-dots,
.slick-prev,
.slick-next,
#search-box-inline,
#breadcrumbs,
#emergency-bar { 
	display: none !important; 
}
#content {
    margin: 0 !important;
    padding: 0 !important;
}

#main { 
	width: auto; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	float: none; 
	color: #292929; 
	/* background: transparent none; */
}
.content.panel {
    display: block !important;
    padding-bottom: 24pt !important;
}

a:link, 
a:visited { 
	color: #e71c31; 
	font-weight: bold; 
	text-decoration: underline; 
}
a.accordion-button {
    font-size: 16pt;
    display: block !important;

}
#main a:link:after, 
#main a:visited:after { 
	content: " (" attr(href) ") "; 
}
	
#main a[href^="/"]:after { 
	content: " (http://www.alistapart.com" attr(href) ") "; 
}

a.button.full,
a.button.outline {
    display: inline-block !important;
    border: none !important;
    outline: none !important;
}
a.text-link {
    display: block !important;
    border: none !important;
    margin: 10pt 0 !important;
    outline: none !important;
}
.callout,
.question-box {
    display: block !important;
    margin: 20pt 0 !important;
    padding: 10pt !important;
    border: 1pt solid #ccc !important;

}
img {
    max-widtH: 100%;
    margin: 20pt 0;
}

/* -------------- stype - table --------------- */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 16pt 0;
}
table caption {
    font-family: proxima-nova, sans-serif;
    font-weighT: 700;
    line-height: 1.8;
    text-align: left !important;
    color: #292929;
    margin-bottom: 12pt;
}
.table-wrap {
    widtH: 100%;
    overflow-x: auto;
}
th,
td {
    color: #292929;
    text-align: left;
}
tr:first-child th {
    font-weighT: 700;
}
th {
    font-weighT: 700;
}
iframe {
    display: none;
}

.slick-slide {
    display: block !important;
    border: 1pt solid    rgb(204, 204, 204) !important;
    margin: 20pt 0px !important;
    padding: 12pt !important;
    max-width: 100% !important;
    width: 100%;
    box-sizing: border-box !important;
}
.slick-slide * {
    max-width: 100%;
}
.slick-slide img {
}