_hale2015-common.scss

//== BOOTSTRAP vars
$link-color: $nav-color-base;
$brand-primary: #006dcc;
$brand-danger: #da4f49;
$brand-info: #49afcd;
$brand-warning: #faa732;
$brand-success: #5bb75b;

$border-radius-base: 7px;

$body-bg: #f6f6f6;

$btn-primary-border:             darken($brand-primary, 15%) !default;
$btn-success-border:             darken($brand-success, 15%) !default;
$btn-info-border:                darken($brand-info, 15%) !default;
$btn-warning-border:             darken($brand-warning, 15%) !default;
$btn-danger-border:              darken($brand-danger, 15%) !default;




//== Cornerstone Vars

$nav-secondary-pills-active-link-hover-bg:$nav-color-base;

$content-padding: 3em 8em;
$widget-head-size:			13px;
$widget-head-padding:			0.7em 1em;
$widget-border-color:			#e0e0e0;
$widget-margin:				0 0 30px 0;

$footers-link-color:		#707070;		
$footers-link-hover:		$brand-primary;

// imports bootsrtap, and all of cornerstone sass


//== Hale 2015 Only

$navtab-bg: #fff;


//==  Color options






$nav-color-inverse: invert($nav-color-base);
$nav-color-inverse-grey: grayscale($nav-color-inverse);
$nav-color-desaturated: desaturate($nav-color-base, 30%);
$nav-color-desaturated-darker: darken($nav-color-desaturated, 20%);



$navbar-default-bg:                	transparent;
$navbar-default-border:				transparent;
$navbar-default-link-color:         transparentize($nav-color-base, .15);
$navbar-default-link-hover-color:   $nav-color-base;
$navbar-default-link-hover-bg:      transparent;	
$navbar-default-link-active-color:	$nav-color-base;
$navbar-default-link-active-bg:		#e5e5e5;



$navbar-margin-bottom:             	0;



$dropdown-link-color:            $nav-color-desaturated;
$dropdown-link-hover-color:      darken($dropdown-link-color, 5%) ;
$dropdown-link-hover-bg:         transparentize($nav-color-base, 0.85);


$dropdown-link-active-color:     #fff;
$dropdown-link-active-bg:        $nav-color-base;







@import "../../cornerstone/style.scss";
@import "_mixins.scss";









#masthead {
	
	@include gradient(#ffffff, #e7e7e7);
	
	#uc-site-header {
		#uc-site-parent a {
			color:#868695;
		}
		#uc-site-title a {
			color:#0b1860;
		}
	}
	#nav-wrapper {
		
		.navbar .nav>li>a {
			text-shadow: 0 1px 0 rgba(255,255,255,.8);
			font-weight:500;
		}
		
		// Text Mode....
		
		.navbar .nav>li:first-child a {
			//remove left padding from home, for clean left alignment. 
			padding-left:0;
		}
		#primary-nav {
			padding-left:0;
		}

		#nav-tabs {
			padding-bottom: 0;
		}
	
		#nav-tabs .nav-tabs {
			// all links
			
			
			// effects only for the top tabs
			& > li > a {
				border-radius: $border-radius-base $border-radius-base 0 0;
				border-bottom:1px solid transparent !important;
				color:$navbar-default-link-color;
						
				&:hover {
					border-bottom-color:$nav-tabs-border-color !important;
				}
			}
			
			& > li.active > a, 
			& > li.active > a:hover, 
			& > li.active > a:focus {
				background-color:$navtab-bg;
				
				bottom:0px;
				border-bottom-color:transparent !important;
			}
			
			
		}
	
		#tabs-bottom-wrapper {
			background-color:$navtab-bg;
			border-top:1px solid $nav-tabs-border-color;
			
			
			
			
		}
	
		#nav-tabs .navbar .nav {
			
			& > li > a {
				//color: $navbar-default-link-color;
				
				
			}
			& > li.active > a {
				background-color:transparent!important;
				color:darken($nav-color-base, 10%);
			}
			
			& > li:first-child a {
				padding-left:$navbar-padding-horizontal;
			}

		}
		
		#drop-multi .navbar-collapse,
		#nav-dropdown .navbar-collapse {
			padding-left:0;
		}


	
		
	}
	
}


#content {
	padding:50px 0;
	position:relative;
	min-height:400px;
	
	&:before {
		content:'';
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:400px;
		width:100%;
		@include gradient(#ffffff, #f6f6f6);
	}
	
	.widget-head {
		@include gradient(#ffffff, #f1f1f1);
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}
	
}

.btn {
	
	
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
	&:hover {
		text-shadow:none;
	}
	
	&.btn-default {
		@include gradient(#fff, darken(#fff, 15%));
		text-shadow: 0 1px 0 rgba(255,255,255,0.5);

		
		&:hover {
			@include gradient(darken(#fff, 10%), darken(#fff, 25%));
		}
	}
	&.btn-primary {
		@include gradient($brand-primary, darken($brand-primary, 15%));
		
		&:hover {
			@include gradient(darken($brand-primary, 10%), darken($brand-primary, 25%));
		}
	}
	&.btn-info {
		@include gradient($brand-info, darken($brand-info, 15%));	
		&:hover {
			@include gradient(darken($brand-info, 10%), darken($brand-info, 25%));
		}
	}
	&.btn-danger {
		@include gradient($brand-danger, darken($brand-danger, 15%));	
		&:hover {
			@include gradient(darken($brand-danger, 10%), darken($brand-danger, 25%));
		}
	}
	&.btn-warning {
		@include gradient($brand-warning, darken($brand-warning, 15%));	
		&:hover {
			@include gradient(darken($brand-warning, 10%), darken($brand-warning, 25%));
		}
	}
	&.btn-success {
		@include gradient($brand-success, darken($brand-success, 15%));
		&:hover {
			@include gradient(darken($brand-success, 10%), darken($brand-success, 25%));
		}
	}

}
.btn-primary, .btn-info, .btn-danger, .btn-warning, .btn-success {
	//color:pink;
}
#page #content .widget .btn:hover, 
#page #content .widget .btn:focus {
	color:white!important;
}
#page #content .widget .btn-default:hover, 
#page #content .widget .btn-default:focus {
	color:#333!important;
}

#main {
	border:1px solid #e0e0e0;
	padding:$content-padding;
}

.widget_sp_image .widget-head {
	display:none;
}

.az-letter-list {
	margin-left:4em;
	margin-bottom:3em;
}
.az-letter-title {
	
	
	font: 21px "Proxima Nova", Helvetica, sans-serif;
}
.az-letter {
	padding:20px;	
}
.az-letter:nth-child(even) {
	background-color:#eee;
}

/*
+ .az-letter {
	//border-top:1px dotted #ccc;
}
*/