/*------->>> COLOR PALETTE <<<-------
	#554174 - rgb(85,65,116) | Primary Color [Purple]
	#6f7bb7 - rgb(111,123,183) | Secondary Color [Lilac]
	#0096c4 - rgb(0,150,196) | Tertiary Color [Blue]
	#5cc6e0 - rgb(92,198,224) | Support Color  [Sky Blue]
	#222222 - rgb(34,34,34) | Gray1 Color [Gray Deep | Base Font Color]
	#505050 - rgb(80,80,80) | Gray2 Color [Gray Dark]
	#9b9b9b - rgb(155,155,155) | Gray3 Color [Gray Medium]
	#e3e3e3 - rgb(227,227,227) | Gray4 Color [Gray Light]
	#f0f0f0 - rgb(240,240,240) | Gray5 Color [Gray Lightest]


/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
    font-family: 'Raleway', sans-serif;  [Primary Font | 400 500 700]
	font-family: 'Playfair Display', serif; [Secondary Font | 400 700]
	
*/

@media all and (min-width:40rem) { /*- 640px and up -*/
	/*---> Basic Styles <---*/
	.table caption {
		font-size:1.375rem;
	}
	.table thead tr th {
		padding:1.188rem 1.563rem;
		font-size:1.625rem;
	}
	.table td {
		padding:0.5rem 1.563rem;
		font-size:1rem;
	}	
	/*---> Hero <---*/
	.hero,
	.hero-index {
		height:555px;	
	}
	/*---> Menu Group <---*/
	.menu-group {
		padding:1.25rem;
	}
	/*---> Forms [Spacing]  <---*/
	.formElements .formRow ul > li {
		padding-right:0.938rem !important; 
	}
	.formElements .formRow ul > li:only-child {
		width: 100%;
	}
	.formElements .formRow ul > li:last-child,
	.formElements .formRow ul > li:only-child {
		padding-right:0 !important;
	}
	.formElements .formRow ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child,
	.formElements .formRow ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li {
		width: 50%;
	}
	.formElements .formRow ul > li:nth-last-child(n+3):nth-last-child(-n+3):first-child,
	.formElements .formRow ul > li:nth-last-child(n+3):nth-last-child(-n+3):first-child ~ li {
		width: 33.333%;
	}
	.formElements .formRow ul > li:nth-last-child(n+4):nth-last-child(-n+4):first-child,
	.formElements .formRow ul > li:nth-last-child(n+4):nth-last-child(-n+4):first-child ~ li {
		width: 25%;
	}
}
@media all and (min-width:48.000rem) { /*- 768px and up -*/
	/*---> Hero <---*/
	.hero-index {
		height:auto;
	}
	.hero-index img:not(.hero-tagline) {
		display:none;
	}
	.hero-index:after {
		height:303px;
	}
	.hero-index .flex-container {
		display:block;	
	}
	/*---> Galleries <---*/
	.lightBoxImgs .lbThumb {
		width:25%;
		margin:0;
	}
	.lightBoxImgs .lbThumb:nth-child(5n+1) {
		width:50%;
		margin-bottom:0.32rem;
		/*float:right;*/
	}
	.lightBoxImgs .lbThumb:first-child,
	.lightBoxImgs .lbThumb:first-child:not(:last-child),
	.lightBoxImgs .lbThumb:nth-child(10n+1) {
		float:left;
	}	
	/*---> Drawer <---*/
	.drawer-toggle {
		padding:0.688rem 0;
	}
	.drawer-title small {
		margin:0.188rem 0 0 0;
	}
}
@media all and (min-width:64rem) { /*- 1024px and up -*/
	/*---> Masthead <---*/
	.masthead .branding-link {
		margin-left:0;
	}
	.masthead .branding-link svg {
		/*max-width:272px;
		max-height:53px;*/
		max-width:272px;
		max-height:89px;
	}
	/*---> Hero <---*/
	.hero:not(.hero-index) .hero-messaging {
		bottom:initial;
		top:65%;
		-webkit-transform:translateY(-65%);
		transform:translateY(-65%);
	}
	/*---> Content Blocks <---*/
	.content-block:not([class*="pad-x"]):not([class*="pad-top"]):not([class*="pad-bottom"]) {
		padding-top:1.25rem;
		padding-bottom:1.25rem;
	}
	.content-block:not([class*="pad-y"]):not([class*="pad-right"]):not([class*="pad-left"]) {
		padding-left:3rem;
		padding-right:3rem;
	}
	/*---> Media Blocks <---*/
	.media-block-media {
		width:100%;
		height:100%;
		margin:0;
		overflow: hidden;
	}
	.media-block-img {
		position: absolute;
		top: 50%;
		left:0;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		width: auto;
		min-height: 100%;
		min-width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	.media-block .large-order-1 .media-block-img {
		left: auto;
		right: 0;
	}
	.media-block-content > .row > .columns {
		max-width:585px;
	}
	.large-order-1 .media-block-media-caption figcaption {
		width:100%;
		float:right;
	}
	/*---> Callouts <---*/
	.callouts {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.callouts-bg-img {
		display: block;
	}
	.callout-bg {
		display:block;
	}
	.callout-bg.is-visible {
		opacity:1;
		-webkit-transition: opacity 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		-o-transition: opacity 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		transition: opacity 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
	}
	.callout {
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		max-width:100%;
		border:0;
	}
	.callout:not(:last-of-type) {
		border-right:1px solid #505050;
	}
	.callout:not(:first-of-type):not(:last-of-type) {
		max-width:530px;
	}
	.callout-content {
		padding:0 1.875rem;
		max-width:530px;
	}
	.callout-head {
		max-width:530px;
	}
	.callout:not(:first-of-type):not(:last-of-type) .callout-content,
	.callout:not(:first-of-type):not(:last-of-type) .callout-head  {
		max-width:100%;
	}
	.callout:first-of-type .callout-content,
	.callout:first-of-type .callout-head {
		left:auto;
	}
	.callout:last-of-type .callout-content,
	.callout:last-of-type .callout-head {
		right:auto;
	}
	.callout-media {
		height:506px;
		padding-bottom:0;
	}
	.callout-media-img {
		display:none;
	}
	.callout-text {
		padding-left:12%;
		padding-right:12%;
	}
	/*---> Cards <---*/
	.card:only-of-type {
		margin-top:1.25rem;
	}
	.card-media {
		height:auto;
		padding-bottom:0;
	}
	.card-media-img {
		position:relative;
		left:0;
		top:0;
		-webkit-transform:none;
		transform:none;
		-o-object-fit:initial;
		object-fit:initial;
		width:100%;
		min-height:none;
		max-width:100%;
	}
	.card-content {
		padding:0 1.875rem;
	}
	/*---> Menu Group <---*/
	.tabs.for-menu-group .tabs-title {
		display: block;
		float: none;
		width: auto;
	}
	/*---> Colophon <---*/
	.colophon {
		text-align:left;
	}
	.colophon-circle-for-icon {
		margin-left:0;
		margin-right:0;
	}
	.colophon-text,
	.colophon-utility-list .utility-list-item {
		font-size:0.813rem;
	}
	.colophon-badge-link {
		display:block;
	}
	.colophon-badge-link:not(:last-of-type) {
		margin-right:0;
		margin-bottom:0.938rem;
	}
	/*--------  Text Resets?  ----------*/
	h1, .like-h1 {
		font-size:3.750rem;
	}
	/*----------------------------------*/
}
@media all and (min-width:64.063rem) { /*- 1025px and up -*/
	a[href^="tel"] {
		pointer-events:none;
	}
	/*---> Callouts <---*/
	.callout-media:after {
		background: #5CC6E0;
		background: -webkit-linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		background: -moz-linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		background: linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.callout-head {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity:1;
	}
	.callout-content {
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.callout:hover .callout-content {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity: 1;
	}
	.callout:hover .callout-head {
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.callout:hover .callout-media:after {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity:0.8;
	}
	.callouts:hover .callout-name {
		/*opacity: 0.2;*/
		opacity:0;
	}
	/*---> Cards <---*/
	.card-media:after {
		background: #5CC6E0;
		background: -webkit-linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		background: -moz-linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		background: linear-gradient(to bottom, #5CC6E0 0%, #0096C4 100%);
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.card-name {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity:1;
	}
	.card-content {
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.card:hover .card-content {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity: 1;
	}
	.card:hover .card-name {
		-webkit-transform:translateY(-50%) scale(0);
		transform:translateY(-50%) scale(0);
		opacity: 0;
	}
	.card:hover .card-media:after {
		-webkit-transform:translateY(-50%) scale(1);
		transform:translateY(-50%) scale(1);
		opacity:0.8;
	}
}
@media all and (min-width:69.688rem) { /*- 1115px and up -*/
	.colophon-text,
	.colophon-utility-list .utility-list-item {
		font-size:inherit;
	}
}
@media all and (min-width:119.938rem) { /*- 1919px and up -*/
	/*---> Hero <---*/ 
	.hero:not(.hero-index){
		height:auto;	
	}
	.hero img:not(.hero-tagline) {
		position:relative;
		width:100%;
		height:auto;
		min-height:none;
		max-height:none;
		top:auto;
		left:auto;
		right:auto;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}