html.onphone .tile.relative:after {content: ''; padding-top: 100%; min-height: 0; display: block;}
html.onphone .spanHalf {width: 50%; float: left;}
html.onphone .full-width {width: 100%;}
/* Typography
 */

	.Serif-Alt { font-family: 'Crimson Text', Palatino, serif; font-weight: 700; font-style:italic;}
	.Sans-Alt,
	.Sans-Alt a { font-family: Raleway, Palatino,'Palatino Linotype','Libre Baskerville','Palatino LT STD', 'Book Antiqua', Georgia, serif !important;}



/* Color
 */
	.color { /*color: */}
	.color-alt {color: #A29870;}

	.color-bg { background-color: rgba(82,159,211,1);}
	.color-bg90 { background-color: rgba(82,159,211,.9);}
	.color-bg80 { background-color: rgba(82,159,211,.8);}
	.color-bg70 { background-color: rgba(82,159,211,.7);}
	.color-bg60 { background-color: rgba(82,159,211,.6);}
	.color-bg50 { background-color: rgba(82,159,211,.5);}
	.color-bg40 { background-color: rgba(82,159,211,.4);}
	.color-bg30 { background-color: rgba(82,159,211,.3);}
	.color-bg20 { background-color: rgba(82,159,211,.2);}
	.color-bg10 { background-color: rgba(82,159,211,.1);}



	.color-alt-bg {background-color: rgba(162,152,112,1);}
	.color-alt-bg90 { background-color: rgba(162,152,112,.9);}
	.color-alt-bg80 { background-color: rgba(162,152,112,.8);}
	.color-alt-bg70 { background-color: rgba(162,152,112,.7);}
	.color-alt-bg60 { background-color: rgba(162,152,112,.6);}
	.color-alt-bg50 { background-color: rgba(162,152,112,.5);}
	.color-alt-bg40 { background-color: rgba(162,152,112,.4);}
	.color-alt-bg30 { background-color: rgba(162,152,112,.3);}
	.color-alt-bg20 { background-color: rgba(162,152,112,.2);}
	.color-alt-bg10 { background-color: rgba(162,152,112,.1);}
	.color-gry-bg80 { background-color: rgba(69, 73, 77, 0.8);}


	[class*="color-alt-border-"] {border-color:rgba(162,152,112,1); }

/* Gradients GARY QC
 */
	.transparent-white-gradient-left-right {position: relative;}
	.transparent-white-gradient-left-right:before {
		position: absolute; top: 0; left: 0%; width: 100%; height: 100%; display: block; z-index: 1;
		content:'';
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 25%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 25%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 );
	}

	.radial-grad-wh {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,.85)), color-stop(47%, rgba(246,246,246,.6)), color-stop(100%, rgba(237,237,237,0)));
	background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: -o-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: -ms-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: radial-gradient(circle at center, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	}
	.radial-grad-dk {
	background: rgba(0,0,0,.6);
	background: -moz-radial-gradient(center, circle cover, rgba(20,20,20,.85) 0%, rgba(20,20,20,.7) 47%, rgba(20,20,20,.4) 60%, rgba(20,20,20,0) 90%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,.85)), color-stop(47%, rgba(246,246,246,.6)), color-stop(100%, rgba(237,237,237,0)));
	background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: -o-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: -ms-radial-gradient(center, circle cover, rgba(255,255,255,.85) 0%, rgba(255,255,255,.7) 47%, rgba(255,255,255,.4) 60%, rgba(255,255,255,0) 90%);
	background: radial-gradient(circle at center, rgba(20,20,20,.65) 0%, rgba(20,20,20,.4) 47%, rgba(20,20,20,.4) 60%, rgba(20,20,20,0) 90%);
	}
	
/* Buttons
 *  Sealy Blue solid button, Raleway 800 16px, drop-shadow #000 16%, X0 Y3 B0 (16%, X0 Y4 B3 on hover)
 */

	.button[class*="color"],
	a.button[class*="color"] {
		font-size:  1rem !important; font-weight: 700 !important;
		box-shadow: 0 3px 0 rgba(0,0,0,.16) !important; transition: box-shadow .3s, opacity .3s; opacity: 1 !important;
	}
	.button[class*="color"]:hover,
	a.button[class*="color"]:hover { box-shadow: 0 4px 3px rgba(0,0,0,.16) !important;}

	.button.reverse {}
	.button.color {}

	.button.color.reverse {color: rgba(82,159,211,.9);}
	.button.color.reverse { background-color: transparent !important;box-shadow: inset 0 0 0 2px rgba(82,159,211,.9), 0 3px 0 rgba(0,0,0,.16) !important; }
	.button.color.reverse:hover {box-shadow: inset 0 0 0 2px rgba(82,159,211,1), 0 4px 3px rgba(0,0,0,.16) !important;  color: rgba(82,159,211,1);}

	.button.color-alt { color: #A29870 !important;}
	.button.color-alt.reverse { background-color: transparent !important;box-shadow: inset 0 0 0 2px rgba(162,152,112,.9), 0 3px 0 rgba(0,0,0,.16) !important; }
	.button.color-alt.reverse:hover {box-shadow: inset 0 0 0 2px rgba(162,152,112,1), 0 4px 3px rgba(0,0,0,.16) !important; }
	
	.button.color-alt-bg { color: #FFF !important; background-color: rgba(162,152,112,1);}

	.button.white.reverse {color: rgba(255,255,255,.9);}
	.button.white.reverse { background-color: transparent !important;box-shadow: inset 0 0 0 2px rgba(255,255,255,.9), 0 3px 0 rgba(0,0,0,.16) !important; }
	.button.white.reverse:hover {box-shadow: inset 0 0 0 2px rgba(255,255,255,1), 0 4px 3px rgba(0,0,0,.16) !important;  color: rgba(255,255,255,1);}

	.fat.button {height: 2.6rem !important; line-height: 2.6rem !important;}

	html:not(.onphone) .button.transparent.button.border-top {border-top: none; position: relative;}
	html:not(.onphone) .button.transparent.button.border-top:before {content:''; width: 50%; height: 2px; background-color: rgba(82,159,211,.9); transition: width .3s, background-color .3s; position: absolute; top: 0;left:0;}
	html:not(.onphone) .button.transparent.button.border-top:hover:before {width:100%; background-color: rgba(82,159,211,1);}



	/* FORMS
	 **/

	form input.fat.input { height: 2.45rem; line-height: 2.45rem; border: none !important;}
	form input.fat.input {box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important;}
	form input.fat.input:focus {box-shadow:inset 0 0 0 1px rgba(0,0,0,.2) !important;}

/* NAV
 */

	#side-nav a {
		transition: opacity .3s, background-color .3s, color .3s;
		color: rgba(255,255,255,.9);
		background-color: rgba(33,33,33,.9); display: block; width: 100%; padding: 0 1.75em 0 1.5em;  line-height: 3.5em; height: 3.5em;
		margin: 2px 0;
	}
	#side-nav a img {line-height: 3em; position: relative; /*top: 8px;*/ vertical-align: middle; margin-right: 1em;}
	/*
		CTA icon: max height / width 30px, #FFF 100% - will be provided as SVG
	#side-nav a i {width: 30px; height: 30px; background: red; display: inline-block;}*/

	#side-nav a:hover { background-color: rgba(82,159,211,.9) !important; color: rgba(255,255,255,1);}
	#side-nav li.js-active a,
	#side-nav li.js-active a:active { background-color: rgba(82,159,211,1);}



	/* GLOBALS
	 */

	#footer-banner {transition: bottom .3s; background-color: rgba(162,152,112,0.9); z-index: 9; }
	.callout-header.js-inview ~ #footer-banner {bottom: -16em; }

	/* Hide for landscape tablet break point*/
	@media screen and (max-width: 1026px) and (min-width: 1022px) {
		.-landscape {
			display:none;
		}
	}