/*

This stylesheet is used by IE8 and non responsive mode.

The styles are copied from layout.css and woocommerce.css and the media queries are removed.

*/

/*--[ Imports ]--------------------------------------------------------------------------------*/
@import url("mixins.less");

/*

Copied from layout.css and removed media query

*/

	/* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
	ul.nav { position: relative; margin-bottom: 0; width: auto; margin-right: 1em; }
	ul.nav li { position: relative; float: left; zoom: 1; list-style: none; }
	ul.nav li a { display: block; padding-top: 1em!important; padding-bottom: 1em!important; }
	ul.nav li a:hover  { text-decoration: none; }
	ul.nav li ul li a:hover  { text-decoration: underline; }
	ul.nav ul { width: 12em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; padding: 0.4em 0; }
	ul.nav ul li { float: none; }
	ul.nav ul li a { width: 100%; display: inline-block; padding: 0.7em 1em!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.9em; }
	ul.nav ul ul { left: 100%; top: 0; }
	ul.nav li:hover > ul { visibility: visible; }

	/* 2. TOP NAVIGATION (Add top navigation presentational styles here) */
	#top {
		background: #000;
		h3 {
			display: none;
		}
	}
	#top { display: block!important; }
	#top ul.nav {  }
	#top ul.nav li a  { color: #ddd; padding-top: 0.5em!important; padding-bottom: 0.5em!important; font-size: 1em; }
	#top ul.nav > li a:hover { background: #555; color: #ddd; }
	#top ul.nav > li:hover { background: #555; color: #ddd; }
	#top ul.nav ul { background: #555; }
	#top ul.nav ul li a  { color: #ddd!important;  }
	#top ul.nav li.current_page_item a,
	#top ul.nav li.current_page_parent a,
	#top ul.nav li.current-menu-ancestor a,
	#top ul.nav li.current-cat a,
	#top ul.nav li.current-menu-item a  { color: #333; background: #fff; }

	/* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */
	// Reset the mobile bits first

	#navigation {
		.top-navigation {
			display: none !important; // Just in case someone resizes to mobile, opens the nav and then resizes to desktop
		}
	}
	.csstransforms3d.csstransitions {
		#navigation, .show-nav #navigation, .show-nav #inner-wrapper {
			left: 0;
		    -webkit-transform: translate3d(0%, 0, 0);
		    -moz-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		    -o-transform: translate3d(0%, 0, 0);
		    transform: translate3d(0%, 0, 0);
		}
	}
	.nav-toggle, .nav-close, .nav-home {
		display: none !important;
	}
	#navigation {
		position: relative;
		left:auto;
		width:100%;
		border: none;
		padding-top:0;
		background: #f0f0f0;
		border-radius: 2px;
		display: block !important;
		h3 {
			display: none;
		}
		ul.cart.nav {
			> li > ul {
				display: block;
				left: auto;
				right: 0;
				padding: 1em;
			}
		}
		.cart-contents {
			position: static;
			height:auto;
			width:auto;
			text-indent: 0;
			display: inline-block;
			padding:0;
			background: none;
			color: inherit;
			border-radius:0 !important;
			padding:1em;
			text-decoration: none;
			&:before {
				display: inline-block;
				position: relative;
				text-indent: 0;
				line-height: 1;
			}
		}
		.cart-contents {
			margin-right:.5em;
			&:before {
				margin-right:.5em;
			}
		}
		.menus {
			clear:none;
		}
		ul.rss {
			margin:0;
			&.cart-enabled { margin: 0; }
			li {
				a {
					background:none;
					color: #666;
					padding:1em;
					margin:0;
					&:before {
						line-height: 3.2;
					}
					&:hover { color: #222; }
				}
			}
		}
		ul {
			margin-bottom:0;
			ul {
				margin-left:0;
			}
		}
	}
	#navigation ul.nav > li a:hover { background: #e6e6e6; }
	#navigation ul.nav > li:hover, #navigation ul.cart > li:hover, #navigation ul.cart > li:hover > ul > div { background: #e6e6e6; }
	#navigation ul.nav ul { background: #e6e6e6; left: -1px; }
	#navigation ul.nav ul ul { top: -1px; left: 100%; }
	#top .nav li.parent > a { position: relative; padding-right: 2em; }
	#top .nav li.parent > a:after { content: ""; display: block; border: .3em solid rgba(0,0,0,.4); border-color: rgba(255,255,255,.4) transparent transparent transparent; position: absolute; top: 48%; right: .8751em; }
	#top .nav li ul li.parent a:after { border-color: transparent transparent transparent rgba(255,255,255,.4); right: .8751em; top: 46%; }
	#navigation .nav li ul li.parent a { padding-right: 0; }
	#navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent rgba(0,0,0,.1); right: 0; top: 46%; }
	#navigation .nav li.parent > a { position: relative; padding-right: 2em; }
	#navigation .nav li.parent > a:after { content: ""; display: block; border: 0.3em solid rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) transparent transparent transparent; position: absolute; top: 48%; right: .8751em; }
	#navigation .nav li ul li.parent a { padding-right: 0; }
	#navigation .nav li ul li.parent a:after { border-color: transparent transparent transparent rgba(0,0,0,.1); right: 0.8751em; top: 46%; }
	.full-width #navigation ul li:first-child, .full-width #navigation ul li:first-child a  { border-radius: 0 !important; }

	/* Cart dropdown */
	#navigation ul.cart > li > ul > div { background: #f0f0f0; width: 12em; display: none; position: absolute; top: 100%; right: 0; z-index: 9999; margin: 0; padding: 1.5em 2em 1em; }
	#navigation ul.cart li:hover ul > div { display: block; }
	#navigation ul.cart h2 { display: none; font-size:1.2em; border-bottom: 2px solid rgba(0,0,0,.05); padding-bottom: 1em; margin-bottom: 1em; }
	#navigation ul.cart .button { width: 100%; margin-bottom: .5em; font-size: .9em; border-radius: 0; }
	#navigation ul.cart .button.checkout { margin: 0; }
	#navigation ul.cart .total { border: 2px solid rgba(0,0,0,.05); border-width: 2px 0; padding: .8em 0; text-align:right; }

	/* 4. GENERAL LAYOUT RELATED TWEAKS */

	/* Header */
	#logo  { float: left; max-width: 100%; }
	.header-widget { float:right; width: 49%; clear: none; margin:0; }
	#nav-container { margin-bottom: 3em; }
	/* Columns & Containers */
	.col-left { float: left; }
	.col-right { float: right; }
	.col-full, #wrapper  { max-width: 960px; margin: 0 auto; }
	#wrapper #sidebar  { margin-top: 0; }
	.magazine .block { float:left; width:48%; }
	.magazine .block.last { float:right; }
	#wrapper { padding: 0 1em 2em; }
	#inner-wrapper { padding: 0; }

	/* Sliders */
	#loopedSlider .content  { position:absolute; left:0px; top:20px; background: none; }
	#loopedSlider .content h2 { float: left; font-size: 26px; }
	#loopedSlider .content p { clear:both; float:left; }
	#loopedSlider.magazine-slider .content p, #loopedSlider.magazine-slider .content h2 {  max-width:350px; background:rgb(0,0,0); background:rgba(0,0,0,.7); }
	#loopedSlider.business-slider .content {
	  background:rgb(0,0,0);
	  background:rgba(0,0,0,.5);
	  top: inherit;
	  bottom: 0;
	  left: 0;
	  margin: 0 auto;
	  position: absolute;
	  right: 0;
	  width: 100%;
	}
	.full-slider #loopedSlider.business-slider .content { text-align: center; }
	.full-slider #loopedSlider.business-slider .content p, .full-slider #loopedSlider.business-slider .content h2{ float: none; max-width: 100%; background: none; }

	/* Sidebar */
	#main-sidebar-container { position: relative; }
	#main-sidebar-container #main  { position: relative; }
	#main-sidebar-container #sidebar  { display: inline; }
	#sidebar-alt  { display: inline; margin: 0; }

	/* 	Widgets */
	#main  {
		.widget_woothemes_features  {
			.columns-1 {
				.feature {
					width: 100%;
					text-align:left;
					img {
						float:left;
						margin:0em 2em 0 1em;
					}
				}
			}
			.columns-2 {
				.feature {
					width: 47%;
					text-align:left;
					img {
						float:left;
						margin:0em 2em 0 1em;
					}
				}
			}
			.columns-3 {
				.feature {
					width: 30%;
					text-align:center;
					img {
						float:none;
					}
				}
			}
			.columns-4 {
				.feature {
					width: 21%;
					text-align:center;
					img {
						float:none;
					}
				}
			}
			.columns-5 {
				.feature {
					width: 16%;
					text-align:center;
					img {
						float:none;
					}
				}
			}
			.columns-6 {
				.feature {
					width: 12.4%;
					text-align:center;
					img {
						float:none;
					}
				}
			}
			.feature  {
				float: left;
				margin-right: 5%;
				&.last  {
					margin-right: 0;
				}
				.feature-content{overflow: hidden;}
			}
		}
		.widget_woothemes_testimonials  {
			.quote  {
				float: left;
				margin-right: 5%;
				&.last  {
					margin-right: 0;
				}
				img {
					float:left;
					margin:0em 1em 0 0em;
				}
			}
			.columns-1 {
				.quote {
					width: 100%;
				}
			}
			.columns-2 {
				.quote {
					width: 47%;
				}
			}
			.columns-3 {
				.quote {
					width: 30%;
				}
			}
			.columns-4 {
				.quote {
					width: 21%;
				}
				img {
					float:none;
					margin:0 auto;
					display: block;
				}
				.author { display:block; text-align: center; float: none; }
			}
			.columns-5 {
				.quote {
					width: 16%;
				}
				img {
					float:none;
					margin:0 auto;
					display: block;
				}
				.author { display:block; text-align: center; float: none; }
			}
			.columns-6 {
				.quote {
					width: 12.4%;
				}
				img {
					float:none;
					margin:0 auto;
					display: block;
				}
				.author { display:block; text-align: center; float: none; }
			}
		}
	}

	/* Footer */
	#footer-widgets .block { margin-right: 3.8%; float:left; } /* 210 / 940 */
	#footer-widgets.col-1 .block { width: 100%; margin-right: 0; }
	#footer-widgets.col-2 .block { width: 48%; }
	#footer-widgets.col-3 .block { width: 30.75%; }
	#footer-widgets.col-4 .block { width: 22.05%; }
	#footer-widgets.col-2 .footer-widget-2, #footer-widgets.col-3 .footer-widget-3, #footer-widgets.col-4 .footer-widget-4  { margin-right: 0; }

	/* Column Widths */
	.one-col #main { float: none; }
	.two-col-left #main-sidebar-container #main,
	.two-col-right #main-sidebar-container #main  { width: 64.89%; } /* 610 / 940 */

	.two-col-left #main-sidebar-container #sidebar,
	.two-col-right #main-sidebar-container #sidebar  { width: 31.91%; } /* 300 / 940 */

	.three-col-left #main-sidebar-container #sidebar,
	.three-col-middle #main-sidebar-container #sidebar,
	.three-col-right #main-sidebar-container #sidebar  { width: 39.47%; } /* 300 / 760 */

	.three-col-left #main-sidebar-container,
	.three-col-middle #main-sidebar-container,
	.three-col-right #main-sidebar-container  { width: 80.85%; } /* 760 / 940 */

	.three-col-left #main-sidebar-container #main,
	.three-col-middle #main-sidebar-container #main,
	.three-col-right #main-sidebar-container #main  { width: 57.89%; }  /* 440 / 760 */

	#sidebar-alt { width: 17.02%; } /* 160 / 940 */

	/* Column Floating */
	.two-col-left #main-sidebar-container #main,
	.two-col-right #main-sidebar-container #sidebar,
	.three-col-left #main-sidebar-container,
	.three-col-left #main-sidebar-container #main,
	.three-col-middle #main-sidebar-container #main,
	.three-col-middle #sidebar-alt,
	.three-col-right #main-sidebar-container #sidebar,
	.three-col-right #sidebar-alt  {  float:left;  }

	.two-col-left #main-sidebar-container #sidebar,
	.two-col-right #main-sidebar-container #main,
	.three-col-left #main-sidebar-container #sidebar,
	.three-col-left #sidebar-alt,
	.three-col-middle #main-sidebar-container,
	.three-col-middle #main-sidebar-container #sidebar,
	.three-col-right #main-sidebar-container,
	.three-col-right #main-sidebar-container #main{ float:right; }

	/* Contact Page */
	.page-template-template-contact-php .location-twitter .col-left { float: left; }
	.page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0 1em 0 0; }
	.page-template-template-contact-php .location-twitter .contact-social { float: left; width: 48%; }
	.page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; }

	/* Subcribe & Connect */
	#main #connect .col-left  { float: left; }
	#connect .col-right  { float: right; }
	#main #connect .col-left, #connect .col-right { width:48%; }
	#connect .related-posts { border-top: 0; border-left:1px solid #e6e6e6; padding-top: 0; padding-left:15px; margin-top: 0; }

	/* Portfolio layout */
	body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed { width: 57%; }
	body.single-portfolio.one-col-980 #post-gallery, body.single-portfolio.one-col-980 .post-embed { width: 57%; }
	body.single-portfolio.one-col-960 #post-gallery, body.single-portfolio.one-col-960 .post-embed { width: 57%; }
	body.single-portfolio.one-col-940 #post-gallery, body.single-portfolio.one-col-940 .post-embed { width: 55%; }
	body.single-portfolio.one-col-880 #post-gallery, body.single-portfolio.one-col-880 .post-embed { width: 55%; }
	body.single-portfolio.one-col-760 #post-gallery, body.single-portfolio.one-col-760 .post-embed { width: 45%; }

	/* Boxed Layout */
	.boxed-layout #inner-wrapper,
	.boxed-layout #wrapper { padding:0; }
	.boxed-layout #header,
	.boxed-layout #content,
	.boxed-layout #footer-widgets,
	.boxed-layout #footer { padding-left:2.5em; padding-right: 2.5em; }


	/**
	 * WooCommerce Layout
	 */
	.col2-set {
		.clearfix();
		clear: both;

		.col-1 {
			width:49%;
			float: left;
		}

		.col-2 {
			width:49%;
			float: right;
		}
	}

	.form-row {
		width:49%;
		float: left;

		label {
			display: block;
		}

		.input-text, select {
			width:100%;
			*width:90%;
			.borderbox();
		}

		input[type=checkbox] {
			float: left;
		}

		&.notes {
			width:100%;

			textarea {
				width:100%;
				*width:90%;
			}
		}
	}

	.form-row-first {
		clear: left;
	}

	.form-row-last {
		float: right;
	}

	.form-row-wide {
		float: left;
		width:100%;
		clear: both;
	}

	.cart-collaterals {

		.cart_totals, .shipping_calculator, .cross-sells {
			width:48%;
			float: right;
		}
		.cross-sells {
			float: left;
		}

	}

	.woocommerce.one-col {
		.related, .upsells {
			width:100%;
		}

		.related {
			float: left;
		}

		.upsells {
			float: right;

			ul {
				float: left;
				width:100%;
			}
		}
	}

	.woocommerce {
		.images {
			width:48%;
			margin-right:3.8%;
			float: left;
		}

		.summary {
			width:48%;
			float: right;
			margin-bottom:1.5em;
		}
	}

	ul.products {
		li.product {
			clear: none;
			width:22%;
			margin-right:3.8%;

			&:nth-child(2n) {
				float: left;
			}

			&.first {
				clear: left;
			}

			&.last {
				margin-right:0;
			}
		}
	}

	table.cart {
		.product-remove, .product-thumbnail, .product-price {
			display: table-cell;
		}
		td.actions {
			text-align: right;

			.coupon {
				width:50%;
				float: left;
			}

			.input-text, .button, .checkout-button {
				width:auto;
				display: inline-block;
				margin-bottom:0 !important;
			}
		}
		.product-thumbnail {
			img {
				display: inline-block;
				max-width: 50px;
			}
		}
	}

