/******************* Background ********************/
	
	html { 
		background-color: #ffffff;
	}
	
	#Wrapper, #Content { 
		background-color: #ffffff;
	}
	
		
	
/********************** Font | Family **********************/

 	body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
				font-family: "Source Sans Pro", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#menu > ul > li > a, .action_button, #overlay-menu ul li a {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#Subheader .title {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	h1, .text-logo #logo {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h2 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h3 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h4 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h5 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h6 {
				font-family: "Oswald", Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	blockquote {
				font-family: "Source Sans Pro", Arial, Tahoma, sans-serif;
	}


/********************** Font | Size **********************/

	
/* Body */

	body {
		font-size: 14px;
		line-height: 22px;		
	}	
	#menu > ul > li > a, .action_button {	
		font-size: 15px;
	}
	
/* Headings */

	h1, #Subheader .title, .text-logo #logo { 
		font-size: 55px;
		line-height: 55px;	
	}	
	h2 { 
		font-size: 32px;
		line-height: 32px;	
	}	
	h3 {
		font-size: 28px;
		line-height: 30px;	
	}	
	h4 {
		font-size: 22px;
		line-height: 26px;	
	}	
	h5 {
		font-size: 15px;
		line-height: 20px;	
	}	
	h6 {		
		font-size: 14px;
		line-height: 21px;	
	}
	
/* Responsive */
	
	
/********************** Sidebar | Width **********************/
	
	
	.with_aside .sidebar.columns {
		width: 23%;	
	}
	.with_aside .sections_group {
		width: 75%;	
	}
	
	.aside_both .sidebar.columns {
		width: 18%;	
	}
	.aside_both .sidebar-1{ 
		margin-left: -79%;
	}
	.aside_both .sections_group {
		width: 60%;	
		margin-left: 20%;	
	}	
	
	
/********************** Grid | Width **********************/

	
				
		@media only screen and (min-width:1240px){
			#Wrapper {
				max-width: 1160px;
			}	
			.section_wrapper, .container, .with_aside .content_wrapper {
				max-width: 1140px;
			}
		}
	
	
/* ===== header colors to match live ekoo ===== */
#Top_bar { background-color: #111111 !important; }
#Header { background-color: transparent !important; }
#Top_bar #logo, #Header #logo { padding-top: 15px; }
#Top_bar .menu > li > a { color: #a7a7a7 !important; }
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.current-menu-ancestor > a,
#Top_bar .menu > li.hover > a,
#Top_bar .menu > li > a:hover { color: #ffffff !important; }

/* ===== footer colors to match live ekoo ===== */
#Footer { background-color: #111111 !important; }
#Footer, #Footer p, #Footer li, #Footer span, #Footer .textwidget, #Footer td { color: #818181 !important; }
#Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6, #Footer .widgettitle, #Footer .title { color: #00adef !important; }
#Footer a { color: #ababab !important; }
#Footer a:hover { color: #ffffff !important; }

/* ===== body text color to match live (#626262) ===== */
body, #Wrapper, #Content, #Content p, #Content li, #Content td, .column_attr, .the_content_wrapper, .wrapper { color: #626262; }

/* ===== back-to-top arrow: match live (#ababab, white on hover); undo footer bleed ===== */
#back_to_top, #back_to_top .button_icon, #back_to_top i { color: #ababab !important; }
#back_to_top:hover, #back_to_top:hover .button_icon, #back_to_top:hover i { color: #ffffff !important; }