/*------------------------------------------------------------------
[Calendar Widget]
-------------------------------------------------------------------*/
#wp-calendar {
	width: 100%;
	font-size: pem( 10 );

	thead th {
		background: #f5f5f5;
		border: 1px solid $borders__color;
		border-top: none;
	}

	tbody td {
		text-align: center;
		border: 1px solid $borders__color;
		line-height: 2.5em;
		@include transition( $transition__speed );
	}

	tbody td:hover {
		background: $background__xtralight-gray;
		color: #333;
	}

	tbody td a {
		display: block;
		text-decoration: none;
		background: #f1f1f1;
		color: #333;
	}

	tbody td:hover a {
		background: #4d4d4d;
		color: #fff;
	}

	tfoot td {
		padding-top: 1px;
		padding: 4px;
	}

	caption {
		cursor: pointer;
		font-size: pem( 13, 11 );
		text-transform: uppercase;
		margin: 0;
		padding: 12px;
		outline: 0 none !important;
		color: #fff;
		text-align: center;
		font-weight: 600;
	}

	tbody a {
		display: block;
		text-decoration: underline;
	}

	th {
		text-align: center;
		border: 1px solid transparent;
		border-top: none;
		padding: 7px 0;
	}

	// Footer tweaks
	#footer & thead th {
		background: #222;
		border-color: $borders__color-footer;
		border-color: $borders__color-footer-rgba;
	}

	#footer & tbody td {
		border-color: $borders__color-footer;
		border-color: $borders__color-footer-rgba;
	}

	#footer & tbody td:hover,
	#footer & tbody td a {
		color: #fff;
		background-color: #333;
	}

}
