/*
 * Author: Omono Sarah Ukpoma
 * This file contains the responsive CSS style for the fibonacci chart displayed by this plugin
 */
 
#fibonacci_chart {
	font-family: arial;
	background-color: #EDEDED;
	border: 3px solid #999;
	padding: 20px;
}

#mobile_results input {
	width: 80%;
}

#mobile_results div {
	margin-bottom: 10px;
}

#fibonacci_results input {
	width: 80%;
	margin-bottom: 10px;
}

@media(max-width: 995px) {
	
	#high_low {
		width: 100% !important;
	}
}

@media(max-width: 995px) {
	
	#fibonacci_results input {
	  width: 65%;
	}
}

@media(max-width: 767px) {
	
	#high_low {
		width: 50% !important;
	}
}

@media(max-width: 598px) {
	
	#high_low {
		width: 100% !important;
	}
}

@media(max-width: 585px) {
	
	#fibonacci_results input {
		margin-bottom: 10px;
	}
}

@media(max-width: 382px) {
	
	#fibonacci_results input {
		width: 63%;
	}
}

@media(max-width: 345px) {
	
	#high_low input {
		width: 85% !important;
	}
	
	#calcButton {
		margin-right: -14px !important;
	}
}

@media(max-width: 333px) {
	
	#fibonacci_results input {
	  width: 55%;
	}
}