
/* Sub Page Menu Styles */

	#sub-page-menu																{ margin: 0% auto; padding: 24px 0% 32px 0%; max-width: 1270px; text-align: center; }
	#sub-page-menu h2															{ margin: 0% 0% 0.675em 0%; }
	#sub-page-menu a.panel														{ margin: 0% 0% 5.52% 5.52%; width: 47.24%; display: inline-block; vertical-align: top; position: relative; }
	#sub-page-menu a.panel div.image-wrap										{ width: 100%; display: block; border: 0px; border-radius: 0px; }
	#sub-page-menu a.panel div.image											{ padding-top: 50%; height: 0px; position: relative; overflow: hidden; }
	#sub-page-menu a.panel div.image img										{ width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; transform: scale(1.01); transition: transform 0.3s ease; }
	#sub-page-menu a.panel div.details											{ padding: 15px 22px 12px 22px; width: 100%; text-align: center; background-color: #FFFFFF; transition: all 0.2s ease; }
	#sub-page-menu a.panel div.details h4										{ margin: 0% 0% 0.5rem 0%; font-size: 1.25rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; color: #0C475B; transition: all 0.2s ease; }
	#sub-page-menu a.panel div.details p										{ margin: 0% 0% 0.75rem 0%; font-size: 0.938rem; line-height: 1.5rem; font-weight: 400; color: #131313; transition: all 0.2s ease; }
	#sub-page-menu a.panel div.details .button									{ padding: 0.188rem 0.938rem; color: #0C475B; background-color: transparent; border: 1px solid #0C475B; transition: all 0.2s ease; }
	#sub-page-menu a.panel:hover												{ text-decoration: none !important; }
	#sub-page-menu a.panel:hover div.image img									{ transform: scale(1.05); }
	#sub-page-menu a.panel:hover div.details									{ background-color: #1E87AB; }
	#sub-page-menu a.panel:hover div.details h4									{ color: #FFFFFF; }
	#sub-page-menu a.panel:hover div.details p									{ color: #FFFFFF; }
	#sub-page-menu a.panel:hover div.details .button							{ color: #FFFFFF; border-color: #FFFFFF; }
	#sub-page-menu a.panel div.details .button:hover,
	#sub-page-menu a.panel:hover div.details .button:hover						{ color: #1E87AB; background-color: #FFFFFF; border-color: #FFFFFF; }
	#sub-page-menu a.panel:nth-of-type(2n+1)									{ margin-left: 0%; }

/* 600px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 600px) {

	/* Sub Page Menu Mobile Styles */

		#sub-page-menu a.panel													{ margin: 20px 0% 0% 0%; width: 100%; }
		#sub-page-menu a.panel:nth-of-type(2n+1)								{ margin: 20px 0% 0% 0%; }
		#sub-page-menu a.panel:nth-of-type(2n+2)								{ margin: 20px 0% 0% 0%; }

	}
