/*
	Skin Name: 2. City
*/

/* Background colors
---------------------------------------------- */
body, #HeaderBg, .footer	{ background-color: #243144; }
#HeaderBg 					{ background-color: #293647; }

/* Accent Color - main menu, header, footer BG, etc. */
#HeaderContent, .footerTop, 
#MainMenuSelectWrapper, #MainMenuSelectWrapper select, 
.top_menu_bar, .no-rgba .top_menu li:hover ul							{ background-color: #4E617A; }
	/* same color as above in RGBA for transparency support */
	.rgba .top_menu_bar, .rgba .top_menu li:hover ul 					{ background-color: rgba(78,97,122,.85); }


/* Text, Links, Menus... 
---------------------------------------------- */

/* Main text color */
body { color: #888; }

/* Header and Footer Text */
#HeaderContent, .footerTop 					{ color: #fff; }						/* Old browsers */
	.rgba #HeaderContent, .rgba .footerTop 	{ color: rgba(255,255,255,.5); } 		/* New bowsers with alpha transparency */
.footerEnd 									{ color: #737D8A; }						/* Footer bottom */

/* Headings */
h1, h2, h3, h4, h5, h6, 
#Wrapper .entry-title a:link, #Wrapper .entry-title a:visited, #Wrapper .entry-title a:hover, #Wrapper .entry-title a:active, 
.post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active, #item-header-content h2 a:first-child, .textBox .textBoxTitle  {color: #555; }
	/* emphasis */
	h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: #ff9c00; }
	/* footer headings */
	.footerTop h1, .footerTop h2, .footerTop h3, .footerTop h4, .footerTop h5, .footerTop h6,
	.footerTop .post-title a:link, .footerTop .post-title a:visited, .footerTop .post-title a:hover, .footerTop .post-title a:active { color: #fff; } /* top footer */
	.footerEnd h1, .footerEnd h2, .footerEnd h3, .footerEnd h4, .footerEnd h5, .footerEnd h6,
	.footerEnd .post-title a:link, .footerEnd .post-title a:visited, .footerEnd .post-title a:hover, .footerEnd .post-title a:active { color: #B7C3C7; } /* bottom footer */

/* Links */
a, a:link, a:visited 	{ color: #3E728F; } /* link color */
a:hover, a:active 		{ color: #222222; } /* hover color */

	/* footer (top) links & right sidebar (right side of main menu area) */
	.footerTop a, .footerTop a:link, .footerTop a:visited, 
	.top-menu-sidebar a, .top-menu-sidebar a:link, .top-menu-sidebar a:visited 						{ color: #e5e5e5; }
	.footerTop a:hover, .footerTop a:active, .top-menu-sidebar a:hover, .top-menu-sidebar a:active 	{ color: #fff; }
	/* footer end (bottom) links */
	.footerEnd a, .footerEnd a:link, .footerEnd a:visited 	{ color: #49525E; }
	.footerEnd a:hover, .footerEnd a:active 				{ color: #566579; }

/* Main Menu */
.top_menu_bar, .top_menu > li a, .top_menu li:hover ul, .top_menu li:hover ul li a { color: #EAEFF4; text-shadow: 0 1px rgba(0,0,0,.9); }
	/* OPTIONAL - You can create a transparent PNG to increase support for IE 5,6,7,8 */
		/* .no-rgba .top_menu_bar, .no-rgba .top_menu li:hover ul { background-color: transparent; background-image: url('assets/images/menu/background_transparent.png'); } */
	/* Top items, on hover */
	.top_menu > li:hover, .top_menu li:hover ul { } 						/* (optional) Hover background color */ 
	/* Sub-navigation */
	.top_menu li:hover ul 				{ } 								/* (optional) Sub-menu background color */ 
	.top_menu li:hover ul li a 			{ text-shadow: none; } 				/* Sub-menu text */
	.top_menu li:hover ul li a:hover 	{ color: #fff !important; }
	/* responsive menu (select menu for smaller screens) */
	#MainMenuSelectWrapper, #MainMenuSelectWrapper select { background-color: #3A4A61; color: #fff; }


/* Layout and Design
---------------------------------------------- */

/* Page shadow (around design container) */
#HeaderContent, #MiddleInner, #FooterTopInner 	{ -webkit-box-shadow: 0 0 14px rgba(0,0,0,.2);
												     -moz-box-shadow: 0 0 14px rgba(0,0,0,.2);
	   											          box-shadow: 0 0 14px rgba(0,0,0,.2); }

/* Background Header Gradient "Fade" Overlay (can override in theme options) */
#BgSliderGradientOverlay {
	background-image: linear-gradient(                                  top, rgba(36,49,68,0),                rgb(36,49,68) ); /* #243144 */
	background-image: -o-linear-gradient(                               top, rgba(36,49,68,0),                rgb(36,49,68) );
	background-image: -moz-linear-gradient(                             top, rgba(36,49,68,0),                rgb(36,49,68) );
	background-image: -webkit-linear-gradient(                          top, rgba(36,49,68,0),                rgb(36,49,68) );
	background-image: -ms-linear-gradient(                              top, rgba(36,49,68,0),                rgb(36,49,68) );
	background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,       rgba(36,49,68,0)), color-stop(1, rgb(36,49,68)));
	filter:     progid:DXImageTransform.Microsoft.gradient ( gradientType=0, startColorstr=#00243144, endColorstr=#243144 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient ( gradientType=0, startColorstr=#00243144, endColorstr=#243144 ); }
	.hasBgSlider .header { background-image: none; filter: none; -ms-filter: none; }

/* WP Admin bar color (should be dark or you must update text and icons also) */
#wpadminbar, #wpadminbar .ab-top-secondary { background-color: #4E617A !important; }


/* Forms, Inputs and Buttons
---------------------------------------------- */

/* Forms, inputs, fields */
textarea, select, input[type="text"], input[type="password"], input[type="file"], .textInput { 
	color: #555;
	border-color:     #E5E5E5; 	/* <-- old browsers */ 	border-color:     rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.06); 	/* <-- new browsers */ 
	background-color: #FCFCFC; 	/* <-- old browsers */ 	background-color: rgba(0,0,0,0.02); } 									/* <-- new browsers */ 
	/* focus */
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, .textInput:focus, .textInput.inputFocus { 
		border-color: #BBB;
		-webkit-box-shadow:	inset 0 1px 5px 1px rgba(128,128,128,.35); 
		   -moz-box-shadow: inset 0 1px 5px 1px rgba(128,128,128,.35); 
		        box-shadow: inset 0 1px 5px 1px rgba(128,128,128,.35); }
	/* select boxes */
	select { border-color: #E5E5E5; background-color: #FCFCFC; }

	/* Footer Inputs */
	/* TOP Footer Inputs - Have accent color background (search in menu bar, footer top) */
	#TopSearch .search_field,
	.footerTop textarea, .footerTop input[type="text"], .footerTop input[type="password"], .footerTop input[type="file"], .footerTop .textInput, .footerTop select { 
		color: #fff;  color: rgba(255,255,255,.9);
		background-color: #808C9D;   background-color: rgba(255,255,255,0.19);
		border-color:     #8691A1;   border-color:     rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(255,255,255,0.055); }
		/* Focus color - OLDER BROWSERS ONLY (set automatically on newer browsers) */
		.no-rgba .footerTop textarea:focus, .no-rgba .footerTop input[type="text"]:focus, .no-rgba .footerTop input[type="password"]:focus, .no-rgba .footerTop input[type="file"]:focus, 
		.no-rgba .footerTop .textInput:focus, .no-rgba .footerTop .textInput.inputFocus, .no-rgba .footerTop select,
		.no-rgba #TopSearch .search_field:focus { 
			border-color: #8490A1; }
		/* input placeholder */
		.footerTop ::-webkit-input-placeholder 	{ color: rgba(255,255,255,.5); } 
		.footerTop :-moz-placeholder 			{ color: rgba(255,255,255,.5); }
		.footerTop :-ms-input-placeholder 		{ color: rgba(255,255,255,.5); }
	/* BOTTOM Footer Inputs - Below entire page design */
	.footerEnd textarea, .footerEnd input[type="text"], .footerEnd input[type="password"], .footerEnd input[type="file"], .footerEnd .textInput, .footerEnd select { 
		color: #fff;  color: rgba(255,255,255,.9);
		border-color:     #4A4A4A; 	/* <-- old browsers */ 	border-color:     rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.06); 	/* <-- new browsers */ 
		background-color: #373737; 	/* <-- old browsers */ 	background-color: rgba(255,255,255,.1); } 											/* <-- new browsers */ }
		/* Focus color - OLDER BROWSERS ONLY (set automatically on newer browsers) */
		.no-rgba .footerTop textarea:focus, .no-rgba .footerTop input[type="text"]:focus, .no-rgba .footerTop input[type="password"]:focus, .no-rgba .footerTop input[type="file"]:focus, 
		.no-rgba .footerTop .textInput:focus, .no-rgba .footerTop .textInput.inputFocus, .no-rgba .footerTop select,
		.no-rgba #TopSearch .search_field:focus { 
			border-color: #646464; }

/* Buttons */
input[type="submit"], input[type="button"], .btn, .btn:hover, a.btn:link, a.btn:visited, a.btn:hover { color: #fff; }
input[type="submit"], input[type="button"], .btn, a.btn:link, a.btn:visited { background-color: #3a4a61; }
	/* Button hover styles */
	input[type="submit"]:hover, input[type="button"]:hover, .btn:hover, a.btn:hover, a.btn:active { background-color: #4B5C74; }
	/* Button active styles */
	input[type="submit"]:active, input[type="button"]:active, .btn:active, a.btn:active { /*border-color: #47619A;*/ }
	/* Primary button text color (mainly necessary for links */
	.btn, .btn:hover, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active { color: #fff; }
	
	/* Impact Button */
	input[type="submit"].impactBtn, input[type="button"].impactBtn, .btn.impactBtn, a.btn.impactBtn, a.btn.impactBtn:link, a.btn.impactBtn:visited { background-color: #F52B3B; }

	/* Footer Top buttons */
	.footerTop input[type="submit"], .footerTop input[type="button"], .footerTop .btn, .footerTop .btn:hover, .footerTop a.btn:link, .footerTop a.btn:visited, .footerTop a.btn:hover { 
		/*background-color: #464646; border-color: #404040;*/ }
	.footerTop input[type="submit"]:hover, .footerTop input[type="button"]:hover, .footerTop .btn:hover { 
		background-color: #344257; }

	/* Search button in menu bar */
	#TopSearch .search_button 			{ /*background-color: #506CAC; border-color: #5772AF;*/ }
	#TopSearch .search_button:hover 	{ background-color: #344257; }
	#TopSearch .search_button:active 	{ }


/* Other Content Containers
---------------------------------------------- */

/* Tabs & Toggles */
.tabs, ul.button-nav, .toggleItem 		{ border-color: #DBDBDB; } /* border of container */
.tabs a, .button-nav li a				{ background-color: #F3F3F3; border-color: #E0E0E0; border-bottom-color: #DBDBDB; } /* inactive tabs */
.tabs a:hover, .button-nav li a:hover	{ background: #F9F9F9; } /* inactive tabs - hover */
.tabs a.active, .tabs a.active:hover, 
.button-nav li.current a, 
.button-nav li.current a:hover 			{ color: #222 !important; background-color: #fff; border-color: #DBDBDB; border-top-color: #3A4A61; border-bottom-color: #fff; } /* active tab */
.tab 									{ background-color: #fff; border-color: #DBDBDB; } /* container - tab content * /

/* Call To Action */
.call-to-action { border-color: #4E617A; }

/* Message Boxes */
.messageBox.textMessage { background-color: #f7f7f7; }

/* Quotes */
.messageBox.quote .quote_arrow_border, .messageBox.quote .quoteImage 							{ border-right-color: #DBDBDB; }
.messageBox.quote.format-tall .quote_arrow_border, .messageBox.quote.format-tall .quoteImage 	{ border-bottom-color: #DBDBDB; }

/* Pull quote */
.pull-quote { border-color: #999; color: #666; }

/* Pricing Tables */
.price-table 										{ color: #777; font-size: 1.2em; }
.price-column 										{ background-color: #fff; border-bottom-color: #ccc; }
	/* odd/even */
	.price-table .even-column 						{ background-color: #fafafa; }						/* alternating column */
	/* price columns */
	.price-column .column-title 					{ background-color: #e7e7e7; color: #777; }			/* titles (default) */
	.price-column ul								{ border-top-color: #e7e7e7; }						/* border below title */
	/* highlight column */
	.price-table .highlight-column 					{ border-color: #FDFDFD; background-color: #fff; }	/* column bg */
	.price-table .highlight-column .column-title 	{ color: #fff; background-color: #4E617A; }			/* title (highlight) */
	.price-table .highlight-column ul				{ border-top-color: #4E617A; }						/* border below title */
	.price-table .highlight-column .price-info 		{ color: #4E617A; }									/* price */

.footerEnd ul.icons li > i[class*="icon-"], .footerEnd ul.icons li > i[class*="fa fa-"] { color: #7B9097;}									/* List icons in footer */

/* BuddyPress and bbPress
---------------------------------------------- */

/* BuddyPress generic buttons */
#content a.button:hover, #content a.activity-read-more:hover, #content .activity-read-more a:hover, #content a.leave-group:hover, #content a.is_friend:hover, #content a.pending_friend:hover, a#delete_inbox_messages:hover, a#delete_sentbox_messages:hover, .acomment-options a:hover, #item-meta #latest-update a:hover { 
	border-color: #aaa; } /* should match hover link color */

/* BuddyPress Sub-Navigation and similar items */
.item-list-tabs#subnav .active a, .item-list-tabs#subnav .current a, .item-list-tabs#subnav .selected a, .item-list-tabs#subnav .active a:hover, .item-list-tabs#subnav .current a:hover, .item-list-tabs#subnav .selected a:hover, .item-list-tabs li.selected a span  {
	background-color: #4E617A; color: #fff; }

/* BP widgets */
.widget .item-options a.selected, .widget .item-options a:link.selected, .widget .item-options a:visited.selected, .widget .item-options a:hover.selected, .widget .item-options a:active.selected {
	background-color: #E6E6E6; color: #000 }

/* Misc. BuddyPress Text */
#whats-new-form h5 		{ display: none; } /* hides "What's new" on activity input */
#groups-list .action 	{ color: #444; }