variables.scss

/*
	Starter Kit Variables 
		* Variables listed in order
			Global 
				Links 
				Primary Colors
				Secondary Colors
				Border Radius
			Main Header
			Navigation bar
			Widgets
				Calendar
			Content
			Footer
			Megafooter
			Buttons
			Search Form
			//Custom Variables   
*/

//Global Default - Bootstrap
	//Link Colors 
	$link-color:            #388ac3;
	$link-hover-color:      darken($link-color, 15%)!default;

	// Primary Colors (Bootstrap) 
	$brand-primary:         #428bca 				!default;
	$brand-success:         #5cb85c 				!default;
	$brand-info:            #5bc0de 				!default;
	$brand-warning:         #f0ad4e 				!default;
	$brand-danger:          #d9534f 				!default;

	// Secondary Colors (Bootstrap)
	$gray-darker:            lighten(#000, 13.5%) 	!default; // #222
	$gray-dark:              lighten(#000, 20%) 	!default;   // #333
	$gray:                   lighten(#000, 33.5%) 	!default; // #555
	$gray-light:             lighten(#000, 46.7%) 	!default; // #777
	$gray-lighter:           lighten(#000, 93.5%) 	!default; // #eee

	// Border Radius
	$border-radius-base:	0;
	$border-radius-large:	0;
	$border-radius-small:	0;

	//Fonts Sizes
	$font-size-base:          	14px 				!default;

	$font-size-h1:				ceil(($font-size-base * 1.7));
	$font-size-h2:            	floor(($font-size-base * 1.5)) ;
	$font-size-h3:            	ceil(($font-size-base * 1.15)) ;
	$font-size-h4:            	ceil(($font-size-base * 1.15)) ;
	$font-size-h5:            	$font-size-base !default;
	$font-size-h6:            	ceil(($font-size-base * 0.85)) !default; // ~12px 


// Main Header - Cornerstone Based 
$header_border:			#000000;

$title_parent:			#eee;
$title_parentHover: 	darken($title_parent, 15%);

$title_txt: 			#fff;
$title_txtHover:		darken($title_txt, 15%);

// Navigation bar
$navbar-margin-bottom: 			0;
$navbar-collapse-max-height: 	none;
$navbar-default-bg: 			transparent;
$navbar-default-border: 		transparent;

$navbar-default-link-color:                rgba(255,255,255, .6);
$navbar-default-link-hover-color:          rgba(255,255,255, 1);
$navbar-default-link-hover-bg:             transparent;
$navbar-default-link-active-color:         #000000;
$navbar-default-link-active-bg:            transparent;

$nav-secondary-padding: 		8px;

$dropdown-bg:                   #e9e9e9;
$dropdown-link-color:           #444;
$dropdown-link-hover-color:     #fff;
$dropdown-link-hover-bg:        #5cb85c;

$dropdown-link-active-color:    #000;
$dropdown-link-active-bg:       #d0d0d0;

// Widgets - Cornerstone Based
$widget-head-color: 		#9A0405;
$widget-head-border-width: 	0;
$widget-head-size: 			150%;

$widget-border-color:		#ccc					!default;
$widget-border-radius:		$border-radius-base 	!default;
$widget-border-width:		1px		 				!default;
$widget-margin:				0 0 1.5em 0				!default;
$widget-padding:			0						!default;
$widget-bg:					#fff					!default;
$widget-content-margin:		1em;
$widget-color:				#000					!default;
$widget-size:				1em						!default;
$widget-link-color:			$link-color				!default;
$widget-link-hover:			$link-hover-color		!default;


	// Widgets - Calendar 
	$uc-ecw-month-bg:		#f5f5f5;
	$uc-ecw-month-color:	#2e77b0;
	$uc-ecw-day-bg:			#f5f5f5;  
	$uc-ecw-day-color:		#454545;
	$uc-ecw-title-color:	#113B7C;
	$uc-ecw-title-hover:	darken($uc-ecw-title-color, 15%);
	$uc-ecw-time-color:		#113B7C;
	$uc-ecw-time-hover:		darken($uc-ecw-time-color, 15%);

// Content
$contentPadding:			31px 0 4em;

$headings-color:			#0c285b;
$headings-font-weight: 		500;
$header-border:				#fff !default;

// Footer
$footers-border-color:		#000000;
$footers-border-width:		1px 0 0 0;

$footers-margin: 		0;
$footers-bg: 			#ffffff;
$footers-link-color: 	rgba(255,255,255,.7);
$footers-link-hover: 	rgba(255,255,255,1);

$uc-footer-link-spacing: 		1.5em;

// Mega Footer 
$megafooter-bg:					transparent 	!default;
$megafooter-widget-bg:			transparent 	!default;
$megafooter-widget-color:		rgba(255,255,255, 0.6);
$megafooter-widget-head-color:	#ffffff 		!important;

//Buttons - For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight:                normal !default;

$btn-default-color:              #333 	!default;
$btn-default-bg:                 #fff 	!default;
$btn-default-border:             #ccc 	!default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
$btn-primary-border:             darken($btn-primary-bg, 5%) !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             darken($btn-success-bg, 5%) !default;

$btn-info-color:                 #fff !default;
$btn-info-bg:                    $brand-info !default;
$btn-info-border:                darken($btn-info-bg, 5%) !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             darken($btn-warning-bg, 5%) !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              darken($btn-danger-bg, 5%) !default;

$btn-link-disabled-color:        $gray-light !default;


// Main Search Form
$searchText: 			#fff;
$searchPlacehoderText: 	rgba($searchText, .5);
$searchBackground: 		rgba(255, 255, 255, .15);

/* Starter Kit Only Variables */
// Thesse are variables found in styles.scss file. 
$uc-font-path: "../../../global/fonts";


/* Body Search Form */
$body-search-bg-color: 		rgba(0, 0, 0, .12);
$body-search-text-color:	#081B39;

/* Widget Search Form */
$footer-bg-color: 			#878787;
$footer-text-color:			#ffffff;

// Search Mixin
@mixin searchform(){  
.searchform {
		
	.form-control	 {	
		background-color:$searchBackground;
		color: $searchText;
		border-radius: 0;
		border:none;
		height:auto;

		&::-webkit-input-placeholder {
		   color: $searchPlacehoderText;
		}
		&:-moz-placeholder { 
		   color: $searchPlacehoderText;  
		}
		&::-moz-placeholder { 
		   color: $searchPlacehoderText;  
		}
		&:-ms-input-placeholder {  
		   color: $searchPlacehoderText;  
		}
	}
	.btn {
		background-color: $searchBackground;
		color:$searchPlacehoderText;
		border:none;
		padding:5px 12px;
		&:hover {
			color:#fff;
			background-color:darken($searchBackground, 40%);
		}
	}
}

.ie7 .searchform .formcontrol,
.ie7 .searchform .btn {
	background-color:#3e4a67!important;
}
}