/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {
	
	body {
		font-family:proxima-nova,sans-serif;
	}
		
	.box_button {
		display:inline-flex;
		padding:12px 16px;
		background-color:#223a54;
		color:#fff;
		font-size:1em;
		line-height:110%;
		font-weight:700;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.box_button.white {
		background-color:#f9f9f9;
		color:#222;
	}
	
	/* ---- home ---- */
	
	body[data-site-handle='site_fairmontgroup'][data-entry-id='103828'] {
		background-color:#223a54;
	}
		
	#fairmontgroup_landing {
		min-height:100vh;
		display:flex;
		align-items:center;
		background-color:#223a54;
		background:linear-gradient(55deg, #223a54 0%, #274f69 100%);
		color:#fff;
	}
	
	#fairmontgroup_landing .panel_maxwidth {
		max-width:1280px;
	}
	
	#fairmontgroup_landing a {
		color:#fff;
	}
	
	#fairmontgroup_landing .line {
		margin:32px 0;
		border-top:1px solid #fff;
		max-width:64px;
		opacity:0.5;
	}
	
	#fairmontgroup_landing .sites {
		font-size:1.2em;
		font-weight:500;
		line-height:140%;
		padding:0;
	}
	
	#fairmontgroup_landing .sites li {
		list-style:none;
	}
		
	#fairmontgroup_landing .company_details {
		font-size:0.9em;
		line-height:130%;
	}
	
	/* ---- page features ---- */
	
	.panel_page_feature {
		background-color:#223a54;
		background:linear-gradient(55deg, #223a54 0%, #274f69 100%);
		color:#fff;
		padding-top:15vh;
	}
			
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 480px) {
		
	
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {
	
	
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {
		
	#home_location .col_items .item {
		
	}
	
	#home_location .col_items .item .image {
		
	}
	
	#home_keyitems .items .item .image {
		flex-basis:192px;
	}
	
	#home_location .col_items .name {
		font-size:1.2em;
	}
	
	/* ---- lifestyle ---- */
	
	#entrance_life .life_content .row_items .item {
		flex-basis:calc(33.333% - 24px);
	}
	
	#entrance_life .life_content .row_items .item .image {
		flex-basis:192px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1280px) {
	
	.standard_button:hover {
		background-color:#274e68;
	}
	
	.box_button {
		padding:16px 24px;
		font-size:1.1em;
	}
	
	.box_button:hover {
		background-color:#274e68;
	}
	
	.box_button:active {
		transform:scale(0.95);
	}
	
	.box_button.white {
		
	}
	
	.box_button.white:hover {
		background-color:#fff;
	}
	
	/* ---- home ---- */
		
	#fairmontgroup_landing a {
		text-decoration:none;
	}
	
	#fairmontgroup_landing a:hover {
		text-decoration:underline;
	}
	
	#fairmontgroup_landing .line {
		margin:48px 0;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1600px) {
	
	
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */