/*
-------------------------------------------------------------
	Use this file to add generic styling to the app
---------------------------------------------------------
*/

body {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

main h1 {
	margin-bottom: 1.5rem;
}

main h2 {
	margin-bottom: 1rem;
	margin-top: 3rem;
}

main h3,
main h4 {
	margin-bottom: .75rem;
	margin-top: 1.5rem;
}

/* hide spinner arrows */
input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	display: none;
}
/* end hide spinner arrows */

/* make Dash date picker fit in better with bootstrap styles */
.form-control .SingleDatePicker {
	display: block;
	margin: -.375rem -.75rem;
}

.form-control .SingleDatePickerInput {
	background: none;
	border: 0;
	display: block;
}

.form-control .DateInput {
	background: none;
	display: block;
	width: auto;
}

.form-control .DateInput_input {
	background: none;
	font: inherit;
	padding: .375rem .75rem;
}

.form-control .DateInput_fang {
	margin-top: -.75rem;
}

.form-control .DayPicker__withBorder {
	box-shadow: 0 2px 6px rgba(0,0,0,.2),
		0 0 0 1px rgba(0,0,0,.1);
}

.form-control .SingleDatePicker_picker {
	margin-top: calc(-.75rem - 1px); /* 1px connects with pointer */
}
/* end date picker wrangling */
