/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
html {
	background: url(images/bgimage.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	color: #000;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	text-rendering: optimizeLegibility;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5 {
	color: #793394;
}
h1,
.h1 {
	font-size: 30px;
	line-height: 39px;
}

h2, 
.h2 {
	font-size: 26px;
	line-height: 34px;
}
h2.center-text {
	text-align: center;
}
h3, 
.h3 {
	font-size: 22px;
	line-height: 30px;
}
h4, .h4 {
	font-size: 20px;
	line-height: 26px;
}
h5, .h5 {
	font-size: 18px;
	line-height: 20px;
}
p {
	margin-bottom: 20px;
}
a,
a:hover, 
a:visited, 
a:focus {
	color: #793394;	
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;	
}
ul {
	padding-left: 20px;
}
.entry-content li {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: transparent;
}
.black-section {
	background: #000;
}
.site-header {
	background-color: rgba(255, 255, 255, .65);
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#381e45+0,573966+23,49295a+50,573966+76,381e45+100 */
#site-navigation {	
	background: linear-gradient(to bottom, rgba(56,30,69,1) 0%,rgba(87,57,102,1) 23%,rgba(73,41,90,1) 50%,rgba(87,57,102,1) 76%,rgba(56,30,69,1) 100%); 
}
.site-content > .container {
	background: transparent;
}
.site-footer {
	background: #2f2e2f;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#mini-cart,
.social,
#logo {
	text-align: center;
}
#logo {
	margin-top: 10px;
	margin-bottom: 10px;
}
#contact-info {
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
#contact-info a {
	color: #fff;
	font-weight: 500;
}
#contact-info .fa-phone {
	color: #793394;
	margin-right: 5px;
}
.social {
	margin-top: 8px;
}
.contact-links {
	color: #fff;	
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
}
.contact-links a {
	color: #fff;	
	font-weight: 500;
}
.contact-links a + a {
	margin-left: 25px;
}
.contact-links a.no-margin {
	margin-left: 0px;
}
#mini-cart {
	color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
}
#mini-cart .fa-shopping-cart {
	color: #793394;
	margin-right: 5px;
}
#mini-cart a {
	color: #fff;
}

/* Woocommerce Header Search Bar */
.search-wrap {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
.search-wrap .search-submit {
		background: #793394;
	border: 0px;
	border-radius: 0px;
	color: #fff;
		font-family: FontAwesome;
	font-size: 16px;
	line-height: 23px;
	padding: 5px 13px 3px;
}
.search-wrap input[type="search"] {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #793394;
	border-radius: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	min-height: 31px;
	padding-left: 5px;
}

@media (min-width: 768px) {
	.search-wrap {
		margin-top: 22px;
		text-align: right;
	}
	#logo,
	.social {
		text-align: left;
	}
	#contact-info {
		float: left;
		margin-right: 20px;
		text-align: left;
	}
	#mini-cart {
		text-align: right;
	}
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
	border-radius: 0;
	min-height: 30px;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-weight: 400;
	padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background: #271730;
	color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: #271730;
	color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background: #271730;
	color: #fff;
}
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}
/* Secondary nav */
#secondary-nav .nav > li > a {
	color: #fff;
}
#secondary-nav .nav > li > a:hover,
#secondary-nav .nav > li > a:focus {
	background: transparent;
	color: #fff;
}
#secondary-nav .nav > li.active > a,
#secondary-nav .nav > li.active > a:hover,
#secondary-nav .nav > li.active > a:focus {
	background: transparent;
	color: #fff;
}

.nav-pills > li {
	float: none;
}

@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a {
	padding: 10px 15px;
}
}
@media (min-width: 992px) {

.navbar-default .navbar-nav > li > a {
	font-size: 14px;
	padding: 10px 7px;
}	
}
@media (min-width: 1200px) {
.navbar-default .navbar-nav > li > a {
	font-size: 16px;
	padding: 10px 12px;
}	
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
.navbar-collapse {
	max-height: 600px;
}
/*styles for "Main Menu" text*/
.navbar-default .navbar-brand {
	color: #fff;
}
.navbar-default .navbar-brand:hover {
	color: #fff;
	text-decoration:underline;
}
.navbar-default .navbar-brand:focus {
	color: #fff;
	text-decoration:none;
}
/*styles for hamburger toggle */
.navbar-toggle {
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar, 
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #793394;
}
.navbar-toggle .icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
/* Drop down menu */
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 16px;
	list-style: none;
	background-color: #271730;
	background-clip: padding-box;
	border: 0px solid #ccc;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
	clear: both;
	color: #fff;
	display: block;
	font-weight: normal;
	line-height: 1.25em;
	padding: 3px 20px;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #492a5a;
	color: #fff;
	text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #793394;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

/*This allows you to set the background color for the active sub-menu item when you mouse off it to click on it's sub-menu item*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #3598fe;
	border-color: #428bca;
}

.site-header .caret {
	display: none;
}


/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
body.home .entry-title {
	display: none;
}
.entry-content {
	padding-bottom: 25px;
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}
.attribution p {
	color: #818181;
	font-size: 13px;
	margin-bottom: 0px;
}
.attribution a {
	color: #a7a6a6;
	font-size: 13px;
}
#footer-navigation {
	display: none;
}
.footer-logo {
	margin-top: 15px;
}
.cable {
	margin-bottom: 15px;
	margin-top: 15px;	
}
.no-bullets ul li {
	list-style-type: none;
}
.no-bullets li a {
	color: #fff;
	font-size: 14px;
}
.textwidget .address {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	text-align: center;
}
.address .fa-map-marker {
	color: #ad43d7;
	margin-right: 5px;
}
.creditcards {
	margin-top: 10px;
	text-align: center;
}

/* sm */
@media (min-width: 768px) {
	.address {
		text-align: left;
	}	
}

/* md */
@media (min-width: 992px) {
	.creditcards {
		text-align: right;
	}	
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.leaderboard-image img {
	margin-bottom: 20px;
	width: 100%;
}
.search-submit {
	color: #999999;
	font-family: FontAwesome;
}
.edit-link {
	display: none;
}
#network-cable {
	margin-top: 60px;
	position: relative;
	z-index: 3;
}
#feature {
	bottom: 164px;
	margin-top: -164px;
}
.simple-image {
	margin-bottom: 0;
}

:target:before {
content:"";
display:block;
height:160px; /* fixed header height*/
margin:-160px 0 0; /* negative fixed header height */
}
/*--------------------------------------------------------------
3.9 WooCommerce
--------------------------------------------------------------*/
/* WooCommerce button example */

/* WooCommerce button example */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
	background: linear-gradient(to bottom, rgba(87,57,102,1) 0%,rgba(56,30,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
	background: linear-gradient(to bottom, rgba(56,30,69,1) 0%,rgba(87,57,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
}
.register_link,
.lost_password_link {
	background: linear-gradient(to bottom, rgba(87,57,102,1) 0%,rgba(56,30,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 3px;
	color: #fff;
	padding: 0.618em 1em;
}
.register_link:hover,
.lost_password_link:hover {
	background: linear-gradient(to bottom, rgba(56,30,69,1) 0%,rgba(87,57,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
	text-decoration: none;
}

/*Proceed to Checkout button */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: #793394;
	color: #fff;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #793394;
	color: #fff;
}

.woocommerce .woocommerce-info::before {
	color: #793394;
}
.woocommerce .woocommerce-info {
	border-top-color: #793394;
}
.woocommerce ul.products {
	margin-top: 50px;
	}
.woocommerce div.product {
	margin-bottom: 0;
	position: relative;
	margin-top: 30px;
}
.woocommerce .woocommerce-message::before {
	color: #793394;
	content: "";
}
.woocommerce .woocommerce-message {
	border-top-color: #793394;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #793394;
	font-size: 1.25em;
}
.woocommerce div.product form.cart .variations td.label {
	padding-right: 1em;
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
}

/*Category Page */
.woocommerce-result-count {
	display: none;
}
.woocommerce-ordering {
	display: none;
}

/*Product Page */
.posted_in {
	display: none;
}
.woocommerce ul.products li.product h3 {
	background: #fff;
	color: #000;
	font-size:	14px;
	line-height: 20px;
	margin: 0;
	min-height: 50px;
	padding: 5px;
	text-align: center;
}
.woocommerce ul.products li.product .price {
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
}
.featured .woocommerce ul.products li.product .price {
	display: none;
}
.woocommerce ul.products li.product .button {
	margin-bottom: 20px;
	margin-top: 5px;
}
.featured .woocommerce ul.products li.product .button {
	display: none;
}
.woocommerce ul.products li.product h3 {
	  line-height: 20px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	margin-bottom: 5px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100.0%;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #000;
	font-size: 1.25em;
}
.woocommerce div.product p.stock {
	display: none;
}

/* Disabled Add to Cart Button */
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt[disabled]:disabled, 
.woocommerce #respond input#submit.alt[disabled]:disabled:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt[disabled]:disabled, 
.woocommerce a.button.alt[disabled]:disabled:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt[disabled]:disabled, 
.woocommerce button.button.alt[disabled]:disabled:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt[disabled]:disabled, 
.woocommerce input.button.alt[disabled]:disabled:hover {
	background-color: #999;
	color: #fff;
}
.panel {
	background-color: transparent;
}

/* sm */
@media (min-width: 768px) {
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 39.05%;
	}
}

/* md */
@media (min-width: 992px) {
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 30.05%;
	}
}

/* md */
@media (min-width: 992px) {
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width: 22.05%;
	}
}

/*-------------------------------------------------------
Ninja Form 3.0.6
--------------------------------------------------------*/
.nf-form-fields-required {
	margin-bottom: 15px;
}
.field-wrap .nf-field-label label {
	font-weight: 300;
} 
input[type="button"] {
	background: #990000;
	border: 0;
	border-radius: 3px;
	color: #fff;
	padding: 3px 15px;
}

/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 xs
--------------------------------------------------------------*/
/* Extra Small - phones */




/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.3 md
--------------------------------------------------------------*/
@media (min-width: 992px) {
	/* Medium - desktops */
	
	/* Sticky footer
	 * @link http://mystrd.at/modern-clean-css-sticky-footer/
	 */
	html {
		min-height: 100%;
		position: relative;
	}
	body {
		margin: 0 0 290px; /* = .site-footer height */
	}
	.site-footer {
		bottom: 0;
		height: 290px; /* = body margin-bottom */
		left: 0;
		position: absolute;
		width: 100%;
	}



}

/* use below to change the navbar collapse breakpoint for sites with a lot of items in the navigation*/
@media (max-width: 992px) {
		.navbar-header {
			float: none;
		}
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav > li {
			float: none;
		}
		.navbar-nav > li > a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in{
			display:block !important;
			overflow-y:auto !important;
		}
		.dropdown-menu {
			position:relative;
			box-shadow:none;
			border:none;
			float:none;
		}
}

/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	/* Large - desktops */


	/* this makes the header fixed on desktop only add to 1200 media query*/
	.site-header {
		left: 0;
		right: 0;
		position: fixed;
		top: 0;
		z-index: 1030;
	}
	body {
		padding-top:159px;
	}
	
	/* this makes the home sections link to services page without going underneath the fixed header on desktop only */
	h2:before { 
		display: block; 
		content: " "; 
		margin-top: -159px; 
		height: 159px; 
		visibility: hidden; 
	}

}