/*
//	*********************************************************
// 	custom.scss
//	Use this stylesheet to customize the colors used by
//	Daybreak.
//
//	*********************************************************

		@import "sass/mixins";

//	------------------------------------------------------- *
//	Fonts
//	------------------------------------------------------- *
			$font-body-text: 'Source Sans Pro', sans-serif;
			$font-heading-text: 'Playfair Display', serif;

//	------------------------------------------------------- *
//	Basic Colors
//	------------------------------------------------------- *

				$white: #fff;
				$gray-10: #ebebeb;
				$gray-20: #d7d7d7;
				$gray-30: #c2c2c2;
				$gray-40: #acacac;
				$gray-50: #959595;
				$gray-60: #7d7d7d;
				$gray-70: #636363;
				$gray-80: #464646;
				$gray-90: #252525;
				$black: #000;

//	------------------------------------------------------- *
//	Primary Colors
//	------------------------------------------------------- *

		//	Primary Background Colors
				$primary--bg: #d7dadb;
				$primary--bg-hover: #fc4349;
				$primary--bg-visited: darken($primary--bg-hover,20);

		//	Primary Link Colors
				$primary--link: #ed028d;
				$primary--link-hover: #6dbcdb;
				$primary--link-visited: #2c3e50;

		//	Primary Text Colors
				$primary--text: #050505;

		//	Primary Box Colors
				$primary--box-border: #0e0e0e;
				$primary--box-color: #eaeaea;

//	------------------------------------------------------- *
//	Secondary Colors
//	------------------------------------------------------- *

		//	Secondary Background Colors
				$secondary--bg: #2c3e50;
				$secondary--bg-hover: #fc4349;
				$secondary--bg-visited: darken($primary--bg-hover,20);

		//	Primary Link Colors
				$secondary--link: #ed028d;
				$secondary--link-hover: #6dbcdb;
				$secondary--link-visited: #2c3e50;

		//	Primary Text Colors
				$secondary--text: #050505;

		//	Primary Box Colors
				$secondary--box-border: #0e0e0e;
				$secondary--box-color: #eaeaea;

//	------------------------------------------------------- *
//	Header
//	------------------------------------------------------- *

				$header--bg: $white;
				$header--text: $primary--text;
				$header--link: $primary--link;
				$header--link-hover: $primary--link-hover;

//	------------------------------------------------------- *
//	Navigation Bar
//	------------------------------------------------------- *

		//	Use Gradient?
				$use-nav-gradient: Y;	// Y: make sure nav--bg-top and nav--bg-btm are defined.

		//	Nav Container Coloring
				$nav--bg: $gray-10;
				$nav--bg-top: $gray-10;
				$nav--bg-btm: $gray-20;
				$nav--border: $gray-30;

		//	Parent/Top-Level Links
				$nav--link: $primary--link;
				$nav--link-bg: transparent;
				$nav--link-hover: $primary--link-hover;
				$nav--link-hover-bg: $white;

		//	Child Links
				$nav--child-link: $primary--link;
				$nav--child-link-bg: transparent;
				$nav--child-link-hover: $primary--link-hover;
				$nav--child-link-hover-bg: $white;

//	------------------------------------------------------- *
//	Sidebar
//	------------------------------------------------------- *
				$sidebar--bg: $gray-10;
				$sidebar--title: $primary--text;
				$sidebar--text: $primary--text;
				$sidebar--link: $primary--link;
				$sidebar--link-hover: $primary--link-hover;


//	------------------------------------------------------- *
//	Footer
//	------------------------------------------------------- *
				$footer--bg: $secondary--bg;
				$footer--title: $primary--text;
				$footer--text: $primary--text;
				$footer--link: $primary--link;
				$footer--link-hover: $primary--link-hover;


		header#masthead{
			background-color: $header--bg;

			// Trending Ticket
			.trending-ticker {
				background-color: $secondary--bg;
				span.heading {
					color: $white;
				}
				ul{
					li{
						a{
							color: $secondary--link;
						}
					}
				}
			}
			// Branding
			.brand{
				span.logo-text{
					color: $primary--text;
				}
			}

			// Nav
			nav {
				border-top-color: $nav--border;
				border-bottom-color: $nav--border;
				@if $use-nav-gradient == 'Y' {
					@include gradient($nav--bg-top, $nav--bg-btm);
				} @else {
					background-color: $nav--bg;
				}
			}
		}

		#colophon{
			background-color: darken($footer--bg,10);
		}
		#footer--bottom {
			background-color: $footer--bg;
			// color: #fff;
			a{
				color: #fff;
			}
		}
*/