/* 
 * GENERAL
 */

body {
	background-color: #f4f4f4;
	font-family: 'Open Sans', sans-serif;
}

#container-body {
	max-width: 1024px;
}

footer .container-fluid {
	max-width: 1024px;
}

#twitter-footer {
	color: #1DA1F2;
}

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}

/* 
 * CHART
 */

#chart {
	height: 450px;
	width: 100%;
}

.highcharts-menu hr {
	margin: 0px; /* fix menu spacing */
}

.highcharts-series path {
	stroke-linecap: initial; /* fix flicker */
}

/* 
 * ADS
 */

.amzn-native-container {
	margin: 0px !important;
}

.amzn-native-brand {
	display: none !important;
}

/* 
 * Mailchimp
 */

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */

#mc_embed_signup input.email {font-size: 16px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:100%; vertical-align:top;}

#mc_embed_signup label {color: white; display:block; font-size:16px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */

#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #777; box-sizing:border-box; height:32px; line-height:32px; padding:0 10px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s; width: 100%}

#mc_embed_signup .button:hover {background-color:#ff9900; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
}

#mc_embed_signup {
	clear: left;
	font: 14px;
	width: 100%;
}

/* 
 * MOBILE
 */

@media (max-width: 650px) {
	/* tap targets too close */
	li {
		margin-bottom: 2px; 
	}

	/* Hide date picker */
	.highcharts-input-group,
	.highcharts-contextbutton {
	  display:  none;
	}
}

@media (max-height: 1050px) {
	/* Make title smaller */
	#chart_title {
		font-size: 2.3rem;
	}
}

@media (max-height: 850px) {
	/* Make chart smaller */
	#chart {
		height: 325px;
	}	
	#chart_title {
		font-size: 2.0rem;
	}
}

@media (max-height: 700px) {
	/* Make chart smaller */
	#chart {
		height: 275px;
	}
	#chart_title {
		font-size: 1.9rem;
	}
}

@media (max-height: 600px) {
	#chart_title {
		font-size: 1.7rem;
	}
}

@media (max-height: 500px) {
	/* Make chart smaller */
	#chart {
		height: 260px;
	}	
}

@media (max-height: 400px) {
	/* Make chart smaller */
	#chart {
		height: 250px;
	}	
}

@media (max-height: 350px) {
	/* Make chart smaller */
	#chart {
		height: 215px;
	}	
}