/******************************************************************
Theme Name: Bones-SC starting theme
 Description: Theme Frame Work for Website development
Author: Alex Wells
 Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/*FRAMEWORK base - http://themble.com/bones/ */

/*Default CSS is found under library -> css -> style.css
its imported by the frame work*/
/*================================================================================General================================================================================*/
#wpadminbar { z-index: 9999999999999999999999999999; }
/*============================================================Links============================================================*/
a, a:visited { color: #cddee8;/* on hover *//* on click *//* mobile tap color */ }
a:hover, a:focus, a:visited:hover, a:visited:focus { color: #cddee8; }
body { background-color: #0d0d10; color: #000; }
p { -ms-word-break: normal;word-break: normal; word-break: normal; -webkit-hyphens: normal;  -moz-hyphens: normal;  hyphens: normal;white-space:normal;}
/**/


/*####### HEADER #######*/
	.header {max-width:1040px; margin:0 auto; background:none; border-bottom:2px #b9b6b6 solid; position:relative;}
	#title {width:100%; display:block;}
	img#logo {width:100%; padding:0% 20%;}
	#mob-logo{display: none;}
	#mob-logo-2{display: none;}

	/*Social media icons*/
	div.social {position:absolute; right:0px; bottom:0px;}

	/* NAV */
	.nav {max-width:1040px;  margin:0 auto; background:none;  }
	ul#menu-main-menu { padding:0% 14%; background:none; }
	ul#menu-main-menu li a {color:#b9b6b6; padding: 10px; text-transform:uppercase;}
	ul.sub-menu { background:none; background-color:rgba(0,0,0,0.8);}
	.sub-menu li:nth-child(1){margin-top: -10px;}

a, img {
    border:none;
}

.entry-content ul{margin-top: 0 !important;}

.ls-wp-fullwidth-container{margin-bottom: 20px;}

.featuredTopImage img {width:100%; height:auto;}

/*######### CONTENT AREA #######*/
	.hentry {background:none; border:none; color:#b9b6b6;}
	.hentry header{border:none; padding:0px; margin: 0; margin-left: 15px; margin-top: 10px;}
	h1 {font-size:28px; text-transform:uppercase; width:100%; display:block; text-align:center; }
	h2{font-size: 22px; margin-bottom: 10px; margin-top: 0;}

  .entry-content img{margin-bottom:0px;}

	/*Harry's code*/
	  	.sideMenu{border-right: 1px solid #b9b6b6; margin-top:40px;}
	  	.sideMenu ul li a{color: #b9b6b6; text-decoration: none;}
	  	.sideMenu ul li a:hover{text-decoration: underline; color: #b9b6b6;}
	  	.sideMenu ul .current-menu-item{text-decoration: underline;}
		.menu{margin-top: 0;}
		.home #main{padding-left: 0;}
		.home .entry-content{padding: 1.5em 1.5em 0; padding-top: 0;}
	  	/*#main{padding-left: 26px;}*/
		.article-footer{display: none;}
		.entry-content{padding: 0px; margin-left: 15px;}
		.page-title{text-align: center; padding-left: 0px;}
		.entry-content p a:hover{color: #00a5dd;}
		.entry-content ul{list-style-type: disc; padding-left: 45px;}
		.homeGridRight:last-child{padding-bottom: 5px;}
		#content{margin-top: -9px;}
		.buttonsHidden{display: none !important;}
		.homeGridRight:last-child {min-height: 225px;}

	/*Sonos*/
		.page-id-189 h1{font-size: 27px; margin-bottom: 0;}
		.page-id-189 h1 img{padding-top: 20px;}
		.page-id-189 h2{color: #fff;}

		.activeButton{background-color: #fff !important; border: 1px solid #90999d !important;}
		.activeButton a p{color: #90999d !important;}

		.sonosApps img{width: 17%;}
		.sonosApps img:nth-child(1){margin-top: 14px;}
		.sonosApps img:nth-child(2){margin-top: 32px;}

		.systemsSeperator{margin-top: 25px; margin-bottom: 23px; border: 4px solid #90999d; }
		.home .systemsSeperator{max-width: 983px;}
		.paraTwo{margin-bottom: 24px;}
		.page-id-204 h1{margin: 30px 0 10px 0;}

		.productImage img{width: 100%; max-width: 1040px; margin: 0 auto; display: block; overflow: hidden;}
		.productImage{position: relative;}
		.productTitle{position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 37%;}
		.productTitle img{width: 100%; max-width: 400px;}

		/*The three systems*/
			.systems{margin-bottom: 25px;}

			/*System media queries for grid*/
				.eachSystem{padding: 0; width: 32.66%;}
				.eachSystem:nth-child(2){margin: 0 10px 0 10px;}
				@media (max-width: 1029px)
				{
					.eachSystem{padding: 0; width: 32.3%;}
				}

			.eachSystem{position: relative;}
			.title{position: absolute; top: 25%; background-color: rgba(0, 0, 0, 0.5); width: 100%;}
			.title img{max-width: 180px; width: 100%; margin: 0 auto; display: block;}
			.button{position: absolute; bottom: 0; background-color: #444; border: 1px solid #fff; width: 100%;}
			.button a{text-decoration: none;}
			.button a p{color: #fff; text-align: center; margin: 0; padding: 10px 0;}
			.button:hover{border: 1px solid #90999d; background-color: #fff;}
			.button a p:hover{color: #90999d;}
			.stopMargin{margin-left: 0 !important;}
			.systemLineLeft{padding-right: 30px;}

/*###### HOME PAGE STYLES #######*/
	.homeLogos img {padding:0px 40px;}
	.homeGrid {height:213px;}
	.homeGridCopy { background-color:#373737;  height:213px;   padding-right:20px; padding-left:20px;}
	.homeGridCopy h3{ padding:0px; margin:0px; float:right;  width:70%; text-transform:uppercase; }
	.homeGridCopy p{ font-size:12px; line-height:18px; width:70%; float:right;}

	.homeGridRight, .homeGridCopy{padding-top: 35px;}
	.homeGridCopy.homeGridRight p {float:left; margin: 0;}
	.homeGridCopy.homeGridRight h3 {float:left;}

	.gridPadding{padding-top: 60px;}
	.homeGridCopy a{display: none; color: #b9b6b6; padding: 5px; font-size: 14px; border: 1px solid #b9b6b6; max-width: 150px; text-align: center; text-decoration: none; margin-top: 10px;}
	.homeGridCopy:hover{text-decoration: underline;}

/*##### Services Buttons ##### */
	.servicesButtons { margin:10px 0px 0 0;}
	.serviceButton { background-color:#444; padding:20px; height:225px; position:relative;}
	.serviceButton p {  color:#fff; padding:0px; margin:0px; font-size:13px; font-weight:bold; }
	.serviceButton p.serviceHeading {display:block; width:100%;  text-transform:uppercase;  margin-bottom:10px; font-size:18px;}

 .serviceButton p.serviceCopy {float:left; width:66%; color:#fff;}
 .serviceButton img {float:right; width:33%;}
 .serviceButton a { display:inline-block;   clear:both; padding:10px 20px; margin-top:20px; background-color:#000; border:#FFF 1px solid; text-decoration:none; color:#FFF; position:absolute; left:20px; bottom:10px;}
 .serviceButton a:hover { color:#91999D; border-color:#91999D; background-color:#666;}

.page-id-267 .systems{margin-top: 35px;}
.lastGrid{height: 225px;}

/*##### Contact form styling ##### */
input[type="submit"]{background: none; border: 1px solid #b9b6b6; color: #b9b6b6; padding: 5px; max-width: 100px; width: 100%; float: right; margin-right: 30px;}

/*####### FOOTER ######*/
	.footer {background:none;}
	.footer a, .footer a:hover  { color:#FFF; text-decoration:none;  }
 	.socialFooter {width:260px; margin:0 auto;  margin-top:40px;}
	.copyRight {margin-right:10px; }

/*#### INTENSE SHORT CODE FIXES ####*/
	#content .intense.row { margin-left:0px; margin-right:0px;}

	 /*Gallery fix?*/
	.gallery br {display:none;}
	.gallery-item{display: inline; float: left; max-width: 118px; padding-right: 10px;}
	.gallery-item:last-child{padding-right: 0;}

 /*Mobile*/
@media (max-width: 1029px)
{
	.homeGridCopy, .homeGrid{height: 164px;}
	.homeGridCopy, .homeGridRight{padding-top: 5px;}
	.homeGridCopy h3{float:left; text-align: left; width: 100%;}
	.homeGridCopy p{width: 100%; float: left;}
	.systemTypes{max-height: 160px;}

	.serviceButton{height: 273px;}
	ul#menu-main-menu {
		padding: 0;
	    margin: 0 auto;
	    background: none;
	    float: none;
	    max-width: 672px;
	}
	.paraTwo{margin-bottom: 48px;}
	.sonosApps img{width: 16%;}
	.title img{max-width: 140px;}
	.home .systemsSeperator{max-width:702px;}
	.systemsSeperator{max-width: 750px;}
	.homeGridRight:last-child {min-height: 154px;}
}
@media (max-width: 799px) {
}
@media (max-width: 767px)
{
	.eachSystem{width: 100%;}
	.homeGridRight:last-child {min-height: none;}
	.sonosApps img:nth-child(1){margin-top: 0 !important;}
	.sonosApps img:nth-child(2){margin-top: 11px !important;}
	.nav{display: none;}
	ul.sub-menu {background-color: #373737;}
	.sideMenu{padding: 0 0 20px 25px; border-right: none; border-bottom: 1px solid #b9b6b6; margin: 0 0 20px 0; padding-bottom: 20px;}
	#menu-item-60, #menu-item-61, #menu-item-62, #menu-item-74{float: left; width: 50%;}
	#menu-item-75, #menu-item-76, #menu-item-77, #menu-item-78{float: right ; width: 50%;}
	.homeGridCopy{height: auto; padding: 10px;}
	.serviceButton img{float: left;  max-width: 150px;}
	.serviceButton{margin-bottom: 20px;}
	.serviceButton{height: 235px;}
	.homeGrid{display: none;}
	.homeGridCopy, .homeGridRight{margin-bottom: 10px; display: block;}
	.homeGridCopy a {display: block;}
	img#logo{padding: 0; margin-bottom: 60px;}
	#mob-logo{display: block; width: 55%;}
	#mob-logo-2{display: block; width: 100%;}
	#logo{display: none;}
	div.social {position: absolute; right: 50px; bottom: 40px;}
	#main{padding-left: 0;}
	.title, .button{width: 100%;}
	.title img{max-width: 200px;}
	.productImage{margin-top: 40px;}
	.productTitle img
	{
    	width: 100%;
    	max-width: 280px;
	}
	.eachSystem{margin-bottom: 15px;}
	.eachSystem:nth-child(2){margin: 0 0 15px 0;}
	.home .systemsSeperator{margin-top: 5px;}
}
@media (max-width: 767px)
{
	.sonosApps img{width: 16%;}
	.systemLineLeft{padding-right: 30px;}
	.paraTwo{margin-bottom: -20px;}
}
@media (max-width: 641px)
{
	.sonosApps img{width: 15%;}
}
 @media (max-width: 600px)
 {
 	div.social {position: absolute; right: 20px; bottom: 20px;}
}
 @media (max-width: 535px)
{
	.sonosApps img{width: 51%; display: block !important; margin: 0 auto !important; float: none !important;}
}
 @media (max-width: 450px) {
}
@media (max-width: 390px)
{
	.productTitle{top: 15%;}
	.title img{max-width: 150px;}
}
@media (max-width: 320px)
{
	.serviceButton{height: 270px;}
}
/*Mean menu STYLES to fix its issues with the BONES framework*/
	.mean-bar { top: 15px; background-color: #8d8e8d!important; }
	.mean-container li ul.sub-menu, .mean-container li ul.children { position: relative; }
	.mean-nav #menu-main-menu, .mean-nav #menu-main-menu li, .mean-nav #menu-main-menu li ul, .mean-nav #menu-main-menu li ul li { background-color: #2d2114; }
	.mean-nav #menu-item-153 ul { right: 0px; }
	.mean-nav li ul.sub-menu li a { width: 100%; }
	.mean-nav { overflow: hidden; }
	body .menucontainer .mean-bar:nth-of-type(2) { display: none; }