
/* Sub Page Menu Feature Styles */

	#sub-page-menu div.page-menu												{ text-align: center; }	
	#sub-page-menu div.page-menu div.panel										{ margin: 0% 0% 3.5% 3.5%; width: 31%; max-width: 494px; display: inline-block; vertical-align: top; position: relative; }
	#sub-page-menu div.page-menu div.panel a.wrapper							{ display: block; background-color: #FFFFFF; border: 5px solid #FFFFFF; border-radius: 5px; box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.07); transition: border-color 0.3s ease; }
	#sub-page-menu div.page-menu div.panel div.image							{ padding-top: 66.666%; width: 100%; height: 0px; display: block; position: relative; overflow: hidden; }
	#sub-page-menu div.page-menu div.panel div.image img						{ width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; object-position: center; transition: all 0.2s ease; }
	#sub-page-menu div.page-menu div.panel div.detail							{ margin-top: -1px; padding: 22px 0% 16px 0%; text-align: center; display: block; }
	#sub-page-menu div.page-menu div.panel div.detail h4						{ margin: 0%; font-size: 1.125rem; line-height: 1.5rem; font-weight: 900; text-transform: uppercase; transition: all 0.3s ease; }
	#sub-page-menu div.page-menu div.panel div.summary							{ padding: 36px 0% 24px 0%; }

	#sub-page-menu div.page-menu div.panel:nth-of-type(3n+1)					{ margin-left: 0%; }
	#sub-page-menu div.page-menu div.panel:nth-of-type(3n+2)					{ margin-left: 3.5%; }
	#sub-page-menu div.page-menu div.panel:nth-of-type(3n+3)					{ margin-left: 3.5%; }

/* 960px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 960px) {

	/* Sub Page Menu Feature Mobile Styles */

		#sub-page-menu div.page-menu div.panel									{ margin: 0% 0% 4% 4%; width: 48%; }
		#sub-page-menu div.page-menu div.panel:nth-of-type(2n+1)				{ margin-left: 0%; }
		#sub-page-menu div.page-menu div.panel:nth-of-type(2n+2)				{ margin-left: 4%; }

/* 560px Resolution Specific Styles */

	} @media only screen and (min-width: 0px) and (max-width: 560px) {

	/* Sub Page Menu Feature Mobile Styles */

		#sub-page-menu div.page-menu div.panel									{ margin: 0% 0% 1.5rem 0%; width: 100%; }
		#sub-page-menu div.page-menu div.panel:nth-of-type(1n+1)				{ margin-left: 0%; }
	
	}