html.ie {
	/* fix for IE */
	height: 100%;
	max-height: 620px;
}

body {
	position: relative;
	margin: 0;
}

body.ie {
	/* fix for IE */
	height: 100%;
	max-height: 620px;
}

#map.ie {
	/* fix for IE */
	height: 100%;
	max-height: 620px;
}

@font-face {
	font-family: "proxima-nova";
	src: url('https://s1.wp.com/wp-content/themes/vip/shaw-globalnews/fonts/proxima-nova/proximanova-medium-webfont.woff2') format('woff2'),
		 url('https://s1.wp.com/wp-content/themes/vip/shaw-globalnews/fonts/proxima-nova/proximanova-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "proxima-nova";
	src: url('https://s1.wp.com/wp-content/themes/vip/shaw-globalnews/fonts/proxima-nova/proximanova-bold-webfont.woff2') format('woff2'),
		 url('https://s1.wp.com/wp-content/themes/vip/shaw-globalnews/fonts/proxima-nova/proximanova-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

.base {
	fill: #c2c8ca;
}

.countries {
	fill: #f2f3f0;
	stroke: #c2c8ca;
	stroke-width: 0.5px;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}

.centroids {
	fill: #006092;
	stroke: #006092;
	stroke-opacity: 1;
	stroke-width: 5px;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}

.commodity {
	fill: #006092;
	vector-effect: non-scaling-stroke;
}

.route {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}

.map-text-title {
	font-family: "proxima-nova", helvetica, sans-serif;
	font-size: 28px;
	fill: #006092;
}

.map-text-title .map-label {
	font-weight: bold;
}

.map-text-source {
	font-family: "proxima-nova", helvetica, sans-serif;
	font-size: 16px;
	fill: #006092;
}

.coffee .commodity,
.coffee .map-text-title,
.coffee .map-text-source {
	fill: #682c10;
}

.coffee .centroids {
	stroke: #682c10;
}


.us-exp .commodity,
.us-exp .map-text-title,
.us-exp .map-text-source {
	fill: #e11c2e;
}

.us-exp .centroids {
	stroke: #e11c2e;
}

rect.export {
	fill: #006092;
}

rect.import {
	fill: #e11c2e;
}.us #map {
	cursor: pointer;
}

.us .countries path:hover {
	fill: #e5e5e5;
}

.us .commodity.export, .selected .commodity.show.export, .commodity.export.showAlways {
	fill: #006092;
}

.us .commodity.import, .selected .commodity.show.import, .commodity.import.showAlways {
	fill: #e11c2e;
}

.us .route, .us .selected .route.show {
	stroke: #6c87d4;
	stroke-width: 2px;
	opacity: 0.18;
}

.us .commodity, .us .route, text {
	pointer-events: none;
}

.us .selected .commodity {
	fill: none;
}

.us .selected .route {
	stroke: none;
}

.us .map-text-selected {
	font-weight: bold;
}

.us .map-legend.import {
	fill: #e11c2e;
}

.us .auto .commodity.export,
.us .auto .map-text-title,
.us .auto .map-text-source {
	fill: #6b0465;
}