/* ---------------------
title: print stylesheet
author: Simon Tweedale
created: 04/01/13
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------   generic stuff & typography */

body	{

/* comment out the serif or san serif font family, dependent on the site design */

	font-family: Arial, Helvetica, sans-serif;
	/* font-family: Georgia, serif; */
	font-size: 9pt;
	line-height: 14pt;
	color: #000;
	background: white;
	}

h1,h2,h3,h4,h5,h6	{
	line-height: normal;
	}

h1	{
	font-size: 20pt;
	}

h2	{
	font-size: 16pt;
	}

h3	{
	font-size: 14pt;
	}

h4	{
	font-size: 12pt;
	}

.date	{
	font-size: 8pt;
	font-style: italic;
	}

.content.primary, #content	{
	overflow: hidden;
	}

a	{
	text-decoration: underline;
	color: #000;
	}

ul.breadcrumbs	{
	padding: 0 0 10px;
	}

ul.breadcrumbs li {
  	float: left;
  	list-style: none outside none;
  	padding-left: 0;
  	font-size: 8pt;
	}

.ctas a	{
	text-decoration: none;
	}

ul.breadcrumbs li, ul.breadcrumbs li a	{
	color: #999;
	}

.logo-print	{
	display: block;
	}

/* -----------------------------------------------------------------------------   these things get hidden... */

/* always hide these */

nav,
div.frontpanels,
ul.frontpanels,
.arrow,
.sidepanel,
.item-list,
footer .footerblog,
footer .footer-contact,
footer .footertweet,
footer #footernav,
.webform-client-form,
#topstrip,
#totop,
ul.primary,
/* custom hide these */

.headermembers,
header .search,
footer h3,
aside,
.open-panel,
.close-panel,
.newsletter-trigger,
.social,
.mailchimp,
footer .contact,
footer .twitterfeed,
.owl-carousel,
.latesttweet

	{
	display: none !important;
	}

/* -----------------------------------------------------------------------------   formatting for header and footer */

header {
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
	}

.topstrip	{
	float: right;
	}

.content-wrapper {
	clear: both;
	border-top: 1px solid black;
}

header .logo img {
	width: 100px;
	height: auto;
	padding: 15px;
	display: none;
}

header .logo img.logo-print {
	display: block;
}

footer .footertext, footer .footerinfo	{
	float: left;
	}

footer .footercontact	{
	float: right;
	margin-top: 0;
	}

footer .site-information ul li	{
	float: left;
	margin: 0 20px 0 0;
	}

footer p	{
	clear: both;
	color: #999;
	}

footer {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 8pt;
	}

/* -----------------------------------------------------------------------------   ecommerce styles */



/* -----------------------------------------------------------------------------   reset <ul>s */

header .contact ul, footer .site-information ul, ul.field-items, ul.faqs, ul.blog, ul.ctas, ul.images_r, ol.breadcrumbs	{
	list-style: none;
	padding: 0;
	}

header .contact ul li, footer .site-information ul li	{
	float: left;
	margin: 0 0 0 20px;
	}

/* -----------------------------------------------------------------------------   inline images */

.images_r	{
	float: right;
	margin: 0 0 20px 20px;
	}

/* -----------------------------------------------------------------------------   useful resets for print */

abbr[title]:after { content: " (" attr(title) ")"; }
pre, blockquote { page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }

/* -----------------------------------------------------------------------------	custom styles for this site */

ol.breadcrumbs li {
	display: inline;
}

ul.imagelarge li {
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* -----------------------------------------------------------------------------	end style sheet */