/*//////// NEON PRODUCT ////////*/

/*//// PAGE - page.php ////*/


/*//// CSS FOR 404 PAGE #404-page ////*/
#page-404 {}
#page-404 div.shca-grid-container {
	padding: 8rem 10rem;
}
#page-404 h2 {
    margin-top: -0.8rem;
    margin-bottom: 5rem;
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 4.8rem;
    line-height: 1.333;
    color: #000000;
}
#page-404 p {
	margin-bottom: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.388;
    color: #000000;
}
#page-404 p a {
	text-decoration: underline;
	color: maroon;
}




/*//// CSS FOR SINGLE PRODUCT PAGE #single-product-page ////*/
#single-product-page {}

/*// HERO //*/
#single-product-page section.page-hero-section {
    max-height: 3.8rem;
    height: 3.8rem;
    overflow: hidden;
}

/*// ARTICLE //*/
#single-product-page section.shca-article-section {}
#single-product-page div.shca-article-container {}
#single-product-page div.article-flex-container {
	justify-content: space-between;
	align-items: stretch;
	padding: 0 20rem 12rem 15rem;
	margin: 0 3.5rem;
	background-color: #f7f6f3;
}
/*/ FLEX - HEADER & LINK /*/
#single-product-page div.article-header-flex-item {
	border-bottom: 1px solid #A41E22;
}
#single-product-page div.article-header-flex-item a {
	position: relative;
	padding-left: 3.5rem;
	font-family: "Open Sans Condensed", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 3rem;
	line-height: 4.1rem;
	color: #2F4176;
	text-decoration: none;
}
#single-product-page div.article-header-flex-item a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/single-article-return-triangle.png');
	transition: all .4s ease;
}
#single-product-page div.article-header-flex-item a:hover:after {
	left: -.6rem;
}
/*// CONTACT FORMS //*/
#single-product-page div.contact-form-container {
	width: 80%;
	margin: 6rem auto;
	padding: 4rem;
	background-color: #ffffff;
}
#single-product-page div.contact-form-container label {
    font-size: 1.4rem;
    font-weight: 700;
    color: #A41E22;
    text-align: left;
}


/*//// PAGE PRINT STYLES ////*/
@media print {
	* {
		overflow: visible !important;
	}
	/*// BODY //*/
	body {
		font-size: .8em;
		color: #333333;
		margin-top: 0cm;
		margin-right: 2cm;
		margin-bottom: 1.5cm;
		margin-left: 2cm
	}

	/*// SECTIONS & FLEX //*/  
	section#page-hero-section,
	section#page-navigation-section,
	footer#footer {
		display: none !important;
	}
	div.splat-flex-container {
		margin: 0 !important;
		padding: 1rem !important;
	}
	#single-product-page div.article-content-flex-item {
		width: 100%;
	}
	#single-product-page div.article-image-flex-item {
		display: none !important;
	}
	/*// PARAGRAPHS //*/
	#single-product-page div.article-content-flex-item > p:first-of-type {
		display: none !important;		
	}
	/*// FORM //*/
	#single-product-page div.contact-form-container {
		width: 100%;
		margin: 0
		padding: 1%;
		background-color: #ffffff;
	}
	/*/ LABELS /*/
	#single-product-page div.contact-form-container label {
	    font-size: 1.2rem;
	    font-weight: 700;
	}

	/*// HIDE THESE ELEMENTS //*/
	a,
	h2,
	h3,
	img,
	#invisible-trigger,
	#emergencyModal,
	.side-menu-news,
	.side-menu,
	section#topband,
	section#header,
	section#footer,
	.wpcf7-form-control.wpcf7-submit,
	form:not(.wpcf7-form),
	form .button {
		display: none;
	}
	.remove-for-print {
		display: none;
	}
	.content-area {
		height: auto !important;
	}
	#navModal {
		display:none !important;
	}
	/*// FORM ELEMENTS //*/
	input:not([type]),
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="week"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"], 
	input[type="time"],
	input[type="url"], 
	input[type="color"],
	textarea {
		height:1.75rem;
	}
	section.sh003 {
		background: none;
	}
	p {
		font-size: 14px !important;
		line-height: 18px !important;
	}

}
/*//// END PRINT STYLES ////*/



/*/ FLEX LEFT - PRODUCT /*/
#single-product-page div.article-content-flex-item {
	padding-top: 8.5rem;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
	padding-bottom: 0;
	width: 62.999%;
}
#single-product-page div.article-content-flex-item img {
	width: 100%;
	max-width: 25rem;
	margin-right: 2.3rem;
}

/* GARDEN TOUR */
#single-product-page div.article-content-flex-item img#garden-tour-banner {
	max-width: 100%;
	margin-bottom: 1rem;
}




/*// WASHINGTON SQUARE AFFAIR //*/
#single-product-page div.article-content-flex-item img.wp-image-7804 {
	max-width: 100%;
}
#single-product-page div.article-content-flex-item p.article-date {
	margin-bottom: 0;
	font-family: "Open Sans Condensed", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.375;
	color: #A41E22;
}
#single-product-page div.article-content-flex-item h2.article-title {
	margin-top: -0.8rem;
	margin-bottom: 5rem;
	font-family: "Playfair Display", serif;
	font-style: normal;
	font-weight: normal;
	font-size: 4.8rem;
	line-height: 1.333;
	color: #000000;
	border-bottom: 1px solid #A41E22;
}
#single-product-page div.article-content-flex-item p,
#single-product-page div.article-content-flex-item p a,
#single-product-page div.article-content-flex-item ul,
#single-product-page div.article-content-flex-item ul li {
	margin-bottom: 1.8rem;
	font-style: normal;
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.388;
	color: #000000;
}
#single-product-page div.article-content-flex-item ul li {
	margin-bottom: .2rem;
}
#single-product-page div.article-content-flex-item p a {
	color: #A41E22;
	text-decoration: underline;
}
#single-product-page div.article-content-flex-item div.red-horiz-accent {
	width: 100%;
	height: 1px;
	margin-top: 4.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid #A41E22;
}
/*LEFT / CONTENT IMAGES*/
#single-product-page div.article-content-flex-item img.alignleft {
	float: left;
}
#single-product-page div.article-content-flex-item img.alignright {
	float: right;
}




/*// FLEX RIGHT - IMAGE //*/
#single-product-page div.article-image-flex-item {
	padding-top: 14rem;
	padding-left: 0;
	padding-right: 0;	
	width: 36.999%;
	/*background-color: silver;*/
}
#single-product-page div.article-image-flex-item img {
	width: 100%;
	height: auto;
}
#single-product-page #right-article-content img {
	max-width: 25rem;	
}
#single-product-page #bottom-article-content {
	padding-top: 2rem;
    padding-left: 4rem;	
}
#single-product-page #bottom-article-content img {
	max-width: 55rem;	
}



/*///////// RESPONSIVE / BREAKPOINTS ////////*/
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { }
/*// SMALL MOBILE //*/
@media only screen and (max-width: 850px) { }
@media only screen and (max-width: 480px) { 

		#single-product-page div.article-flex-container { margin: 0; }
		#single-product-page div.article-content-flex-item { order: 2; width: 100%; padding: 0; margin: 1rem 2rem; }
		#single-product-page div.article-content-flex-item p, 
		#single-product-page div.article-content-flex-item p a, 
		#single-product-page div.article-content-flex-item ul, 
		#single-product-page div.article-content-flex-item ul li { margin-bottom: 3.6rem; font-size: 2.4rem; }
		#single-product-page div.article-image-flex-item { order: 1; width: 100%; padding: 0; margin: 6rem 2rem; }

}
@media only screen and (max-width: 420px) { }
@media only screen and (max-width: 375px) { }
@media only screen and (max-width: 360px) { }

/*// LANDSCAPE ORIENTATION - TABLET & SMALLER //*/
@media screen and (max-width: 1024px) and (orientation: landscape) { }
@media screen and (max-width: 850px) and (orientation: landscape) { }
@media screen and (max-width: 850px) and (orientation: landscape) { }