// .scss files will get core functions and variables automatically from build script

.breadcrumb>ul>li:last-child>a:after {
	display: none;
}

.sidenav-alt form { margin-bottom: 0; }

#calendar-nav {
	@media (min-width: 768px){ padding-bottom: 2rem; }
}

.pagination {
	text-align: center;
	
	li { display: inline-block; }
	a {
		font-family: $heading-font;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1rem;
		display: block;
		padding: 10px;
		
		&.page-current {
			background: $purple;
			color: $gold;
		}
	}
}



.datepicker {
	
	th { text-align: center; }
	
	.next, .prev {
		cursor: pointer;
		color: $blue1;
		
		&:hover {
			background: rgba(black,0.1);
		}
	}
	
	
	
	.datepicker-switch {
		font-family: $heading-font;
		font-weight: bold;
		font-size: 1rem;
		color: $blue1;
		cursor: pointer;
		
		&:hover {
			text-decoration: underline;
		}
	}
	
	table {
		width: 100%;
		border-spacing: 1px;
		border-collapse: separate;
		
		tr td { 
			text-align: center;
			
			&:first-child, &:last-child { background: darken($gray3,5%); }
		}
	}

	.day {
		background: white;
		cursor: pointer;
		padding: 6px;
		vertical-align: middle;
		font-family: "Helvetica";
		line-height: 1em;
		font-size: 14px;
		
		&:hover { background: rgba(black,0.1); }
	}
		
	.today { background: $red1 !important; color: white !important; }
	
	.month, .year {
		background: white;
		margin: 1px;
		padding: 2px 5px;
		display: inline-block;
		cursor: pointer;
		
		&:hover { background: rgba(black,0.1); }
	}
	
	.active { background: $blue1 !important; color: white !important; }
}


#datepicker-widget {
	position: relative;
	margin-bottom: 1rem;
	
	.btn { display: none; margin-bottom: 0; }
	
	@media (max-width: 1024px) and (min-width: 768px){
		.btn { display: block; }
		#datepicker { 
			display: none; 
			
			padding: 5px;
			position: absolute;
			right: 0;
			min-width: 250px;
			background: $blue1;
			
			.next, .prev, .datepicker-switch, .dow { color: white; }
			
			&.show-dp { display: block; }
			&.hide-dp { display: none; }
		}
	}
}




.col-sm-3 a.btn { margin-bottom: 1rem; }


.current-link {
	font-weight: bold;
	text-decoration: none;
	color: $body-color;
}