@import "2015-colors";

body {
	
	.sr-only {
		position: absolute;
		left: -9999px;
	}

	.site-wrapper {
		
		.site-content {
			.dr-site-navigation {
				.active a {
					background-color: @id-red;
				}
			}
		}

	}

	button {
		&.large {
			font-size: 20px;
			line-height: 20px;
			height: 50px;
		}
	}

	.share-btn {

		padding: 0 20px 0 45px;
		position: relative;
		text-align: left;

		[class*="dr-icon"] {
			position: absolute;
			border-right: 1px solid @white;
			padding-right: 3px;
			left: 0;

			&:before {
				position: relative;
				background-color: transparent;
				color: @white;
			}
		}

		&.facebook {
			background-color: @facebook-blue;

			&:hover {
				.btn-hover-darker(@facebook-blue);
			}

			[class*="dr-icon"] {
				&:before {
					top: 3px;
					left: 5px;
				}
			}
		}

		&.twitter {
			background-color: @twitter-blue;

			&:hover {
				.btn-hover-darker(@twitter-blue);
			}

			[class*="dr-icon"] {
				left: 5px;
				padding-rght: 0;
				&:before {
					top: 3px;
					margin-right: 0;
				}
			}
		}

		&.mail {
			background-color: @mail-yellow;
			color: @black;

			.button-text {
				font-family: gibsonSemiBold;
			}

			&:hover {
				.btn-hover-lighter(@mail-yellow);
			}

			[class*="dr-icon"] {
				left: 5px;
				padding-rght: 0;
				&:before {
					top: -1px;
					left: 2px;
					font-size: 12px;
				}
			}

		}
	}

}