/* ------------------
EDGE Boilerplate
--------------------- */

// Set box-sizing globally to handle padding and border widths
*,
*:before,
*:after {
	@include box-sizing(border-box);
}

html,
body {
	font-size: $base-font-size;
}

body {
	position    : relative;
	background  : $body-bg;
	color       : $body-font-color;
	padding     : 0;
	margin      : 0;
	font-family : $body-font-family;
	font-weight : $body-font-weight;
	font-style  : $body-font-style;
	line-height : 1;
}

h1, h2, h3, h4, h5, h6 {
	font-family : $header-font-family;
}

p {
	line-height   : 1.5;
	margin-top    : 0;
	margin-bottom : 0;
}

// A better looking default horizontal rule
hr {
	display    : block;
	height     : 1px;
	margin     : 1em 0;
	padding    : 0;
	border     : 0;
	border-top : 1px solid #ccc;
}

// Override `normalize` part that we don't like
a:focus { outline: none; }

h1 { margin: 0; }

fieldset {
	border  : 0;
	margin  : 0;
	padding : 0;
}


// Grid Defaults to get images and embeds to work properly
img,
object,
embed { max-width: 100%; height: auto; }

object,
embed { height: 100%; }

#map_canvas,
.map_canvas {
	img,
	embed,
	object {
		max-width: none !important;
	}
}

// Allow only vertical resizing of textareas.
textarea {
	resize     : vertical;
	height     : auto;
	min-height : 50px;
}

// Make select elements 100% width by default
select {
	width: 100%;
}

// Get rid of gap under images
img {
	display: inline-block;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}


// Chrome Sibling Selector Fix
body {
	-webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix { 
	from { padding: 0; }
	to { padding: 0; }
}

// -----------------------------------
/* Miscellaneous useful HTML classes */
// -----------------------------------
.left         { float: left !important; }
.right        { float: right !important; }
.text-left    { text-align: left !important; }
.text-right   { text-align: right !important; }
.text-center  { text-align: center !important; }
.text-justify { text-align: justify !important; }
.hide         { display: none !important; visibility: hidden !important; }
.visual-hide  {
	border   : 0 !important;
	clip     : rect(0 0 0 0) !important;
	height   : 1px !important;
	margin   : -1px !important;
	overflow : hidden !important;
	padding  : 0 !important;
	position : absolute !important;
	width    : 1px !important;
}

.bold, b, strong { font-weight: 700 !important; }
.italic, em      { font-style: italic !important; }

// Font smoothing, only works on Safari Webkit
.antialiased     { -webkit-font-smoothing: antialiased; }