/*
Theme Name: Extension
Description: Used to style to change theme design and color.
*/

/* Nav, links and hover */

a,
ul li a:hover,
ol li a:hover,
.main-navigation a:hover, /* Navigation */
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after,
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover,
.top-bar .widget_contact ul li a i,
.side-menu-wrap .side-nav-wrap a:hover, /* Side Menu */
.entry-title a:hover, /* Post */
.entry-title a:focus,
.entry-title a:active,
.entry-meta a:hover,
.image-navigation .nav-links a,
.widget ul li a:hover, /* Widgets */
.widget-title a:hover,
.widget_contact ul li a:hover,
.site-info .copyright a:hover, /* Footer */
#colophon .widget ul li a:hover {
	color: #f80940;
}

/* Webkit */
::selection {
	background: #f80940;
	color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
	background: #f80940;
	color: #fff;
}

/* Accessibility
================================================== */
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	color: #f80940;
}

/* Default Buttons
================================================== */
input[type="reset"],/* Forms  */
input[type="button"],
input[type="submit"] {
	background-color: #f80940;
}

/* #bbpress
================================================== */
#bbpress-forums .bbp-topics a:hover {
	color: #f80940;
}

.bbp-submit-wrapper button.submit {
	background-color: #f80940;
	border: 1px solid #f80940;
}

/* Woocommerce
================================================== */
.woocommerce #respond input#submit,
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce-demo-store p.demo_store {
	background-color: #f80940;
}

.woocommerce .woocommerce-message:before {
	color: #f80940;
}

/* ----- Header Design 2 ----- */

.home .top-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.home .top-bar {
	background-color: transparent;
}

.home .top-bar .widget_contact ul li a {
	color: #222;
}

.home .main-header {
	margin-top: 20px;
}

.home #sticky-header {
	border-bottom: none;
}

.custom-header-content {
	top: 55%;
}

.home #primary {
	width: 100%;
	border-right: none;
	padding-right: 0;
}

.home #secondary {
	display: none;
}

.btn-default{
	background: #f80940;
}

.btn-default:hover {
	background: #f80940;
}

@media only screen and (max-width: 980px) { 
	#site-branding {
		position: relative;
		z-index: 9;
	}

	.home .menu.nav-menu {
		background-color: #fff;
	}

	.main-navigation {
		position: relative;
		margin-right: 20px;
	}

	.toggled-on .menu {
		display: inline-block;
		width: 98%;
	}

	.custom-header-content {
		top: 60%;
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.home .top-header {
		position: relative;
	}

	.home .main-header {
		margin-top: 0;
	}

	.home .menu.nav-menu {
		background-color: transparent;
	}
}