/* Misc */
.left-header {
	float: left;
}
.right-header {
	float: right;
}
.clearer {
	clear: both;
}
.collapsible {
	cursor: pointer;
}

/* Scroll Padding */
html {
	scroll-padding-top: 5.5em;
}

/* Course Filter Coulmns */
.card-columns {
	column-count: 3;
}
@media (min-width: 700px) and (max-width: 1000px) {
	.card-columns {
		column-count: 2;
	}
}
@media (max-width: 700px) {
	.card-columns {
		column-count: 1;
	}
}

/* Chart Heading Drop Downs */
.col-centered {
	float: none;
	margin: 0 auto;
}
.chartMonthYearButton,
.chartHoleCountButton {
	color: white;
	border: none;
}
.chartMonthYearDropDown,
.chartHoleCountDropDown {
	position: relative;
}
.chartMonthYearSelection,
.chartHoleCountSelection {
	display: none;
	position: absolute;
	background-color: #3a3e52;
	min-width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	top: 100%;
	left: 0;
	margin: 0;
}
.chartMonthYearSelection h3,
.chartHoleCountSelection h3 {
	color: #ffffff;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.chartMonthYearSelection h3:hover,
.chartHoleCountSelection h3:hover {
	background-color: #242633;
}
.chartMonthYearDropDown:hover .chartMonthYearSelection {
	display: block;
}
.chartMonthYearDropDown:hover:active .chartMonthYearSelection {
	display: none;
}
.chartHoleCountDropDown:hover .chartHoleCountSelection {
	display: block;
}
.chartHoleCountDropDown:hover:active .chartHoleCountSelection {
	display: none;
}

/* Chart */
@media (min-width: 500px) {
	.chartinner {
		margin-left: 10%;
		margin-right: 10%;
	}
}
@media (max-width: 500px) {
	.chartinner {
		margin-left: 2%;
		margin-right: 2%;
	}
}

/* Cardmate table */
#cardMatesTableBody td {
	padding: 0;
	text-align: center;
}
/* Slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
input:checked + .slider {
	background-color: #2196f3;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}
/* Footer */
.faFooterTransition {
	color: rgba(255, 255, 255, 0.35);
	margin-left: 0.6em;
	margin-right: 0.6em;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.faFooterTransition:hover {
	color: white;
}

/* Scorecard */
.scoreCardCollapse {
	cursor: pointer;
}
.scorecard {
	text-align: center;
	vertical-align: middle;
}
.total-score {
	text-align: center;
	margin: auto;
	vertical-align: middle;
}
.hole-name {
	text-align: center;
	margin: 0;
}
.hole-distance {
	text-align: center;
	margin: 0;
	font-size: 70%;
}
.hole-par {
	text-align: center;
	margin: 0;
	font-size: 85%;
}

/* Scorecard Score */
.score-ace {
	background-color: rgb(45, 174, 134);
}
.score-condor {
	background-color: rgb(129, 174, 230);
}
.score-albatross {
	background-color: rgb(112, 153, 204);
}
.score-eagle {
	background-color: rgb(85, 127, 181);
}
.score-birdie {
	background-color: rgb(56, 101, 158);
}
.score-par {
}
.score-bogey {
	background-color: rgb(196, 135, 106);
}
.score-double-bogey {
	background-color: rgb(200, 107, 66);
}
.score-tripple-bogey {
	background-color: rgb(177, 77, 34);
}

/* Rotate Font Awesome */
.fa-rotate-1-right {
	-webkit-transform: rotate(22.5deg);
	-moz-transform: rotate(22.5deg);
	-ms-transform: rotate(22.5deg);
	-o-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
}
.fa-rotate-2-right {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fa-rotate-3-right {
	-webkit-transform: rotate(67.5deg);
	-moz-transform: rotate(67.5deg);
	-ms-transform: rotate(67.5deg);
	-o-transform: rotate(67.5deg);
	transform: rotate(67.5deg);
}
.fa-rotate-1-left {
	-webkit-transform: rotate(-22.5deg);
	-moz-transform: rotate(-22.5deg);
	-ms-transform: rotate(-22.5deg);
	-o-transform: rotate(-22.5deg);
	transform: rotate(-22.5deg);
}
.fa-rotate-2-left {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.fa-rotate-3-left {
	-webkit-transform: rotate(-67.5deg);
	-moz-transform: rotate(-67.5deg);
	-ms-transform: rotate(-67.5deg);
	-o-transform: rotate(-67.5deg);
	transform: rotate(-67.5deg);
}