@charset "UTF-8";
/* CSS Document */


/* @group Mixins */

.icon figure {
	position: relative; margin: 0px; padding: 2px 4px 4px 4px; width: 23px;height: 18px;
	background-color: #FFF;color: #333; border: 1px solid #333; border-top: 8px solid #333; border-radius: 5px; 
	font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; text-align: center; font-size: 0.8em; line-height: 10px; font-weight: 700; 
	
	&:before {
		content: '';
		display: block;
		width:128px;
		height: 69px;
		border-radius: 10px 10px 0 0;
		background-image: -webkit-linear-gradient(white 0%, #edeeef 100%); 
		background-image: -moz-linear-gradient(white 0%, #edeeef 100%); 
		background-image: -o-linear-gradient(white 0%, #edeeef 100%); 
		background-image: linear-gradient(white 0%, #edeeef 100%);
	}
	
	.calhead {
		width: 128px;
		height: 27px;
		
		position: absolute;
		top: -1px;
		
		background-color: #FFF; color: #FFF;border: 1px solid #FFF;
		border-radius: 10px 10px 0 0;
		border-bottom: 3px solid #FFF;
		
		font: 400 15px/27px;
		font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;
		text-align: center;
		letter-spacing: 0.5px;
		color: #fff;
		
		text-align: center;
	}

.icon figure a:link, .icon figure a:visited {color:#ad1a1f;text-decoration: none; }
.icon figure a:hover, .icon figure a:active {color:#ad1a1f;text-decoration: none;font-weight: 500;  }

	section {
		position: relative; width: 128px;
		height: 80px;
		border: 1px solid #FFF;
		top: 0px;
		font: 400 55px/75px;
		font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; text-align: center;
		letter-spacing: -2px;
		color: #ad1a1f;
		z-index: 10;
		
		&:before {
			content: '';
			display: block;
			position: absolute;border: 1px solid #FFF;
			top: 35px;			
			width: 3px;
			height: 10px;
			background-image: -webkit-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: -moz-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: -o-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: linear-gradient(#b5bdc5 0%, #e5e5e5 100%);
		}
		
		&:after {
			content: '';
			display: block;
			
			position: absolute;border: 1px solid #FFF;
			top: 35px;
			right: 0;
						
			width: 3px;
			height: 10px;
			
			background-image: -webkit-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: -moz-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: -o-linear-gradient(#b5bdc5 0%, #e5e5e5 100%); 
			background-image: linear-gradient(#b5bdc5 0%, #e5e5e5 100%);
		}
		
	}
}