/*
Red Version of Skyline Wordpress Theme
Designed by Sir Lorem
http://sirlorem.com
*/

/* MAIN COLOR:  B20000*/
/* ACCENT COLOR:  910000 */


/* HEADER */
#header_container { background-color: #B20000; }
#main_header { background-color: #B20000; }

#top_searchbox { border: 1px solid #910000; }

/* MAIN NAV */
#main_nav ul > li > a:hover,
#main_nav ul > li.current-menu-item > a,
#main_nav ul > li.current-page-parent > a {
	color: #910000;
}

/* sidebar */
.sidebar-widget { border-bottom: 4px solid #B20000; }
.sidebar-widget ul li:hover a .icon { color: #B20000; }


/* HOME */
.npr_home_tabs li.npr_tab_active, .npr_home_tabs li:hover {
	background-color: #B20000;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .1),  inset 0px 0px 20px 0px #910000;
	box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .1), inset 0px 0px 20px 0px #910000;
}
.npr_home_tabs { border-bottom: 4px solid #B20000; }

/* FOOTER NAV */
#footer_nav ul > li > a:hover,
#footer_nav ul > li.current-menu-item > a,
#footer_nav ul > li.current-page-parent > a {
	color: #910000;
}
#footer_nav ul > li > ul.sub-menu > li.current-page-parent > a .fa-chevron-right { color: #910000; }

/* MISC */
.header_shadow {
	-webkit-box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, .1),  inset 0px 0px 50px 0px #910000;
	box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, .1), inset 0px 0px 50px 0px #910000;
}

/* MOBILE */

#mobile_header a.mobile_menu { color: #910000; }
	
#mobile_header_nav_open ul > li > a:hover,
#mobile_header_nav_open ul > li.current-menu-item > a,
#mobile_header_nav_open ul > li.current-page-parent > a {
	color: #910000;
}
	
#mobile_header_nav_open ul > li > a:hover .fa-chevron-right,
#mobile_header_nav_open ul > li.current-menu-item > a .fa-chevron-right,
#mobile_header_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #910000; }
	
#mobile_footer_nav_open ul > li > a:hover,
#mobile_footer_nav_open ul > li.current-menu-item > a,
#mobile_footer_nav_open ul > li.current-page-parent > a {
	color: #910000;
}
	
#mobile_footer_nav_open ul > li > a:hover .fa-chevron-right,
#mobile_footer_nav_open ul > li.current-menu-item > a .fa-chevron-right,
#mobile_footer_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #910000; }
