/* ---------------------------------------- 

		     PRINT CSS STYLES 

---------------------------------------- */

/* UNIVERSAL STYLES */

* {
	background-color: transparent !important;
	border-radius: 0 !important;
}

body {
	font: 16px/21px "Source Sans Pro", sans-serif;
	color: #000 !important;
	background: none;
}

a {
	text-decoration: none;
	color: #000 !important;
}

b,
strong,
span {
	color: #000 !important;
}


h1,
h2,
h3,
h4 {
	padding: 12px 0 0 !important;
	font: 28px/28px "Source Sans Pro Bold", sans-serif !important;
	color: #000 !important;
}

h1 {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

h2 {
	font-size: 26px !important;
	line-height: 26px !important;
}

h3 {
	font-size: 20px !important;
	line-height: 24px !important;
}

h4 {
	font-size: 20px !important;
	line-height: 24px !important;
}

hr,
i[class^="icon-"],
img,
img.align-center {
	display: none !important;
}

ol li, 
ul li {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 21px;
	color: #000 !important;
}

.btn,
.btn-container {
	display: none;
}


/* CONTAINERS */

main {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.flexbox-content {
	display: block;
}

.one-column-content,
.one-column-content-container,
.sp-content-container,
.park-area {
	width: 100% !important;
	max-width: 100% !important;
}


/* HEADER */

header {
	position: relative;
	width: 100%;
}

	header > div,
	header > section {
		display: none;
	}

header::before {
	content: "Summit Metro Parks";
	display: block;
	font: 30px/30px "Source Sans Pro Black", sans-serif;
	text-transform: uppercase;
	color: #000; 
}

header::after {
    content: "Your Back Yard for 95 Years";
	display: block;
    margin-bottom: 0;
    padding: 5px 0 10px;
    font: 20px/20px "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	color: #b7b7b7;
    transform: none;
    transition: none;
	border-bottom: 1px solid #000;
}


/* HOMEPAGE */

.gallery,
.hp-slice > span, 
.hp-slice h2,
#hp-intro-stats,
#hp-intro-visits,
#hp-bins,
.hp-get-involved,
.instagram-feed-intro span,
.instagram-feed-intro div,
.instagram-feed-photos {
	display: none;
}

.hp-intro,
.hp-intro *,
.instagram-feed-intro {
	width: 100% !important;
	max-width: 100% !important;
}

.hp-intro,
.instagram-feed-intro {
	text-align: left !important;
}

.hp-intro {
	padding: 20px 0 0;
}

	.hp-intro p {
		margin: 0;
	}

.instagram-feed {
	padding: 0;
}


/* SUBPAGE */

.sp-left,
.sp-bottom,
.sp-hero-img,
.nature-animal-facts > div:first-of-type + div,
.contact-form {
	display: none;
}

	.sp-content-container {
		padding: 0;
	}

		.sp-overview, 
		.activity-overview {
			padding-bottom: 0;
		}
		
		.nature-intro {
			margin: 15px 0 0;
			font-size: 16px;
			line-height: 20px;
		}
		
		.nature-animal, 
		.activity-park, 
		.shelter-lodge {
			padding: 0;
			border-top: 0;
		}
		
		.nature-animal:last-of-type {
			border-bottom: 0;
		}
		
			.nature-animal h4 {
				padding: 0;
			}
		
			.nature-animal-facts {
				padding-top: 0;
				padding-bottom: 30px;
			}
			
				.nature-animal-facts > div {
					padding: 0;
				}
			
					.nature-animal-facts > div > div {
						width: 100%;
					}			
					
		
/* PARK PAGE */


.park-page-hero .park-title span,
.park-page-hero .park-information,
.park-page-anchors,
.park-area .park-image,
.park-area table,
.park-map-header,
.park-history .expand,
.park-section:last-of-type,
.one-column-content.park-area-legend-container {
	display: none;
}

.sp-hero,
.park-page-hero {
	height: auto;
}

	.sp-hero h1,
	.park-page-hero .park-title {
		top: 0;
		width: 100%;
		text-align: left;
	}

.one-column-content.park-area-header {
	padding-top: 15px;
}

	.one-column-content-container {
		padding: 0;
	}
	
	.park-section {
		border-top: 0;
	}
	
		.park-area {
			margin: 10px 0 0;
			padding-bottom: 0;
		}
		
			.park-area .park-information {
				width: 100%;
			}
			
				.park-area .park-information h3 {
					text-transform: uppercase;
					border-bottom: 1px solid #000;
				}
				
				.park-area .park-information-container {
					padding: 15px 0 10px;
				}
			
					.park-area .park-information-container > div {
						width: 100%;
					}
					
						.park-area .park-information-container > div:first-of-type > p,
						.park-area .park-information-container > div:first-of-type > p > strong,
						.park-area .park-information-container > .flexbox-content div strong {
							font-size: 16px;
						}
						
						.park-area .park-information-container > .flexbox-content {
							margin-top: 0;
						}
						
							.park-area .park-information-container > .flexbox-content div {
								padding: 10px 0;
								border: 0;
							}
				
				
/* PROGRAMS & EVENTS */

.program-events-calendar,
.program-event tr td:last-child > a:not([href^="tel"])::after {
	display: none;
}

.program-event {
	margin-top: 30px;
}


/* SHELTERS & LODGES */

.shelter-lodge-visuals,
.shelter-lodge-cta {
	display: none;
}

.shelter-lodge {
	padding: 20px 0;
	border-top: 1px solid #000;
}

	.shelter-lodge > p {
		margin: 10px 0 0;
	}
	
	.shelter-lodge-details {
		padding-top: 0;
	}
	
		.shelter-lodge-details .accordion-container .expand {
			border-top: 0;
		}

		
/* ACCORDIONS */
			
.expand {
	padding: 15px 0 10px;
	border-bottom: 0 !important;
}

	.expand i {
		display: none;
	}

	.expand span {
		width: 100%;
		line-height: 22px;
		color: #000;
	}

.expanded-content {
	display: block !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid #d9d9d9;
}

.accordion-container .expand:last-of-type, 
.accordion-container .expanded-content:last-of-type,
.expanded-content:last-of-type {
	border-bottom: 0;
}

		

/* FOOTER */

footer section:first-of-type article:first-child > div + div,
footer section:first-of-type article:nth-child(2),
footer section article:first-of-type div .footer-social {
	display: none;
}

footer {
	margin-top: 15px;
	padding-top: 0;
	border-top: 1px solid #000;
}

	footer section {
		width: 100%;
		max-width: 100%;
		color: #000;
	}
