/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* general styles for global elements*/
img,
a img,
#portfolio .group.portfolio-img img { 
	max-width: 100%; 
}


/* Main width */
.col-full, #wrapper {
	max-width: 1345px !important;
}

input, textarea {
	padding: 5px;
	background: #efefef;
	border: 1px solid #fff;
}

.clearfix { 
	clear: both;
	display: table;
	content: " ";
}

a, p, h1, h2, h3, h4, span, li { 
	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
}

/* Global fade in and out color & transition for links */
a, a:link, a:visited, a img, .post .title a:link, .post .title a:visited  {
	-webkit-transition: all 0.35s ease; 
	transition: all 0.35s ease-out; 
	color: #428bca;
}

/* Global hover fade in and out color & transition for links */
a:hover, h2 a:hover, .post .title a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { 
	-webkit-transition: all 0.35s ease; 
	transition: all 0.35s ease-out; 
	text-decoration: none;
	color: #fff;
}

/* Main headline font color */
h1, h2, h3, h4, h5, h6 {
	color: #efefef;
}
/* Main font color */
body, p, .entry, .entry p {
	color: #bfbfbf;
}

/* boxed layout shadow */
#inner-wrapper {
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,.6);
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,.6);
box-shadow: 0px 1px 10px rgba(0,0,0,.6);
background-color: #202020;
}

/* Header BG color */
#header {
background-color: #000;
}

/* background scanlines */
body {
background-color: #444444;
background-image: url(http://richardrosenman.com/wp-content/uploads/scanlines.gif);
background-repeat: repeat;
background-position: top left;
background-attachment: scroll;
border-top: 0px solid #000000;
}

/* Main content left & right padding */
#header, #footer, #main-sidebar-container #main {
padding-left: 2.5em;
padding-right: 2.5em;
}

/* blog only */
#post-author, #connect {
border: none;
background: #666;
}

/*homepage only*/
#main #portfolio .portfolio-items{
	width: 100%;
}
.section-divide {
	padding-top: 1em;
}
.section-divide-title {
	width: 100%;
	border-top: 1px solid #555;
	padding-bottom: 0.7em;
}

.section-divide h3 {
	padding: .5em 0;
	text-transform: uppercase;
	font-weight: normal;
	display: inline-block;
}
.section-divide-title .button {
	float: right;
	margin-top: 1em;
}

/* Payment table header */
.entry table thead th {
background: #666;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
color: #efefef;
}

/* Payment table body */
.entry table {
border: 1px solid #999;
background: #444;
color: #ccc
}

/* Payment table body right border */
.entry table td, .entry table th {
border-right: 1px solid #999;
}

/* Payment table body bottom border */
.entry table tbody td {
border-bottom: 1px solid #999;
}

/* Payment table order total border color */
.entry table tr th:last-child, .entry table tr td:last-child {
border-right: 1px solid #999; 
}
/* Payment table order total color */
.order-total {
background: #555;
}


/* Woocommerce mods */
/* Force featured image to full-width */
.woocommerce .images {
	width: 100%;
}
.woocommerce .images img {
	width: 100%;
}
.woocommerce .summary {
	width: 100%;
	float: left; 
	margin-bottom: 1.5em;
}
.woocommerce .summary h1.product_title {
margin-bottom: 0px;
}
.woocommerce .product_meta {
	margin-bottom: 0px;
}

ul.products li.product a img {
    width: 100%;
}
.woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product {
	width: 30%!important;
}
ul.products li.product:hover a img {
	opacity: .75;
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
ul.products li.product {
	margin: 0 1.6% 2.8% 1.6%;
	width: 30.0%;
	clear: none;
}
ul.products li.product a {
	overflow: hidden;
}

/*
ul.products li.product.first {
	clear: none;
}
ul.products li.product:nth-child(2n) {
	float: left;
}*/

.woocommerce .woocommerce_tabs ul.tabs li, .woocommerce .woocommerce-tabs ul.tabs li {
    height: 40px;
}
.woocommerce .woocommerce_tabs ul.tabs li.active a, .woocommerce .woocommerce-tabs ul.tabs li.active a {
border-top: 2px solid #428bca;;
}
.woocommerce .woocommerce_tabs ul.tabs, .woocommerce .woocommerce-tabs ul.tabs {
	border-top: 2px solid #428bca;
}
.woocommerce .woocommerce_tabs ul.tabs li a, .woocommerce .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 1em;
border-top: 2px solid rgba(255,255,255,0);
}
.woocommerce .woocommerce_tabs ul.tabs li a:hover, .woocommerce .woocommerce-tabs ul.tabs li a:hover, .woocommerce .woocommerce_tabs ul.tabs li.active a, .woocommerce .woocommerce-tabs ul.tabs li.active a:hover {
	border-top: 12px solid #428bca;
	-webkit-transition: all 0.15s ease; 
	transition: all 0.15s ease-out; 
	color: #fff;
	text-decoration: none;
}
.woocommerce_result_count, .woocommerce_ordering, .woocommerce-result-count, .woocomerce-ordering {
	width: auto;
	display: block;
	float: none;
	margin-bottom: 1.618em;
}
ul.products li.product h3 {
	font-size: 14px;
	display: block;
	position: relative;
	margin-top: -2.9em;
	background: #2a2a2a;
	background: rgba(0,0,0,0.5);
	padding: .5em;
	color: #6CBBFF;
	-webkit-transition: all 0.35s ease; 
	transition: all 0.35s ease-out; 
}
ul.products li.product:hover a h3  {
	color:#fff;
	background: rgba(0,0,0,1);
	-webkit-transition: all 0.35s ease; 
	transition: all 0.35s ease-out; 
}


ul.products li.product .price {
	display: none;
/*
	position: absolute;
	top: 10px;
	right: 0px;
	background-color: #2a2a2a;
	color: #efefef;
	padding: .25em 1em;
	background: rgba(0,0,0,.8);
	font-size: .9em;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
*/
}

.price {
	color: #efefef;
}


/* Grey 'add to cart' box */
.woocommerce .summary form {
padding: 1.5em .8em;
margin-bottom: 1.5em;
border: 1px solid rgba(255,255,255,.1);
background-color: rgba(255,255,255,.1);
/* border-left: 0; */
/* border-right: 0; */
}

/* View Cart box */
ul.products li.product .added_to_cart {
background-color: #444;
border: 1px solid #657073;
}

/* Fix below allows text area to work for WooCommerce login in Chrome */
.lost_password {
	float: left;
}

.woocommerce_result_count, .woocommerce_ordering, .woocommerce-result-count, .woocomerce-ordering {
display: none;
}

.searchandfilter ul {
padding-left: 1.5%;
padding-bottom: 20px;
}

.searchandfilter li input[type=submit] {
display: none;
}

.searchandfilter select {
background-color: #eee;
font-size: 16px;
}

/* Remove magnifying glass icon on portfolio hover */
#portfolio a.thumb:hover {
  	text-decoration: none;
  	background: none;
}

/* Don't display post author, date, etc 
.post-meta { 
	display:none; 
} */

/*portfolio image group styles*/
/* Make featured image 100% */
body.single-portfolio.one-col #post-gallery, body.single-portfolio.one-col .post-embed {
width: 100%;
}
#portfolio .group.portfolio-img {
	width: 30%;
	margin: 0 1.6% 2.8% 1.6%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	height: auto!important;
}



/*.entry img, 
img.thumbnail, */
#portfolio .group.portfolio-img img {
	width: 100%;
	border: 0px;
	padding: 0px;
	opacity: .99;
}
a .entry:hover img, 
a img.thumbnail:hover, 
#portfolio .group.portfolio-img:hover img {
	opacity: .75;
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
#portfolio .group.portfolio-img h3 {
	font-size: 14px;
	display: block;
	position: relative;
	margin-top: -4em;
	background: #2a2a2a;
	background: rgba(0,0,0,0.5);
}
#portfolio .group.portfolio-img h3 a {
	padding: .5em;
	display: block;
	color: #6CBBFF;
	text-align: center;
}
#portfolio .group.portfolio-img h3 a:hover,
#portfolio .group.portfolio-img:hover h3 a  {
	color:#fff;
	background: rgba(0,0,0,1);
  	text-decoration: none;
}

/* Style project details text */
.project-details {
font: 700 15px/1.5em "Helvetica Neue", Helvetica, sans-serif;
color: #ccc;
}

/* Style similar project */
.similar-projects {
font-size: 14px;
font-weight: 700;
}
.similar-projects a:hover {
font-size: 14px;
font-weight: 700;
text-decoration: none;
}

/* Style search */
#navigation ul.nav-search a.search-contents + ul {
top: 0%;
width: 120px;
height: 44px;
visibility: visible;
}

/* Style search text */
#navigation ul.nav-search .searchform input.s {
color: #c8c8c8;
display: block;
text-align: center;
padding-top: 0.9em!important;
padding-bottom: 1em!important;
}

/* Remove right padding */
#navigation .menus.nav-icons-1 #main-nav {
margin-right: 0;
}



/* Style search magnifying icon */
#navigation ul.nav-search .searchform .submit {
top: 0.7em;
}

/* Style search magnifying icon size */
#navigation ul.nav-search #searchform .submit:before, #navigation ul.nav-search .searchform .submit:before {
font-size: 1.4em;
line-height: inherit;
-webkit-transition: all 0.35s ease; 
transition: all 0.35s ease-out; 
}

/* Style search magnifying icon hover */
#navigation ul.nav-search #searchform .submit:hover:before, #navigation ul.nav-search .searchform .submit:hover:before {
color: #428bca;
-webkit-transition: all 0.35s ease; 
transition: all 0.35s ease-out; 
}

/* Search product result thumbnails 100x100 */
body.search #content img {
max-width: 100px;
}

/* Display search 'total of x results' */
.archive_header {
color: #efefef;
}

/* Search portfolio title formatting */
.post .title {
margin: 0;
font-size: 1.5em;
}

/* Hide page titles */
.page-title, .page .title {
margin: 0;
font-size: 1.5em;
display: none;
} 

.page-id-3381 .title {display: block;}

/* Style menu bar */
#navigation {
border-top: solid 6px #efefef;
border-bottom: solid 1px #000;
border-radius: 0px;
margin-top: 0px;
font-weight: bold;
color: #d8d8d8;
text-shadow: none;
background: #47474a;
-webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,.5);
-moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,.5);
box-shadow: inset 2px 2px 4px rgba(0,0,0,.5);
}

ul.nav {
margin-right: 0px; 
}

/* Make menu blocks 89px */
#navigation ul.nav > li {
width: 89px;
background-color: #47474a;
-webkit-transition: background-color .4s ease; 
-moz-transition: background-color .4s ease; 
-o-transition: background-color .4s ease; 
transition: background-color .4s ease; 
/*border-left: 1px solid #7e7e80; */
border-right: 1px solid #000;
/* Below is for inset shadow - remove and modify above for outset menu shadows */
-webkit-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.5);
-moz-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.5);
box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.5);
}

/* Center text in menu buttons */
ul.nav li a {
padding: 0;
color: #c8c8c8;
display: block;
text-align: center;
padding-top: 1em!important;
padding-bottom: 1em!important;
}

/* Add box shadow on hover */
#navigation ul.nav > li a:hover, 
#navigation ul.nav > li:hover, 
#navigation ul.nav li ul, 
#navigation ul.cart > li:hover, 
#navigation ul.cart > li > ul > div, 
#navigation ul.nav li.current_page_item a, 
#navigation ul.nav li.current_page_parent a, 
#navigation ul.nav li.current-menu-ancestor a, 
#navigation ul.nav li.current-cat a, 
#navigation ul.nav li.current-menu-item a,
#navigation ul.nav-search a.search-contents + ul {
color: #fff;
background-color: #202020!important;
-webkit-box-shadow: inset 1px 5px 8px rgba(0,0,0,.35);
-moz-box-shadow: inset 1px 5px 8px rgba(0,0,0,.35);
box-shadow: inset 1px 5px 8px rgba(0,0,0,.35);
}

/* Style featured image, wooslider, website button, frontpage slider & gallery thumbnails with dropshadows*/
img, .woocommerce .images img,
body .wooslider, 
body.single-portfolio.one-col #post-gallery, 
body.single-portfolio.one-col .post-embed, 
.entry img, img.thumbnail, 
#portfolio .group.portfolio-img, 
ul.products li.product a,
#loopedSlider {
border: none;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.35s ease; 
transition: all 0.35s ease-out; 
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
box-shadow: 0px 1px 3px rgba(0,0,0,.5);
}

a.button, input.button, ul.products li.product a.button,
button.button, #contact-page ol.forms li.buttons .submit {
padding: 3px 10px 3px 10px;
border: none;
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10;
-webkit-transition: all 0.35s ease; 
transition: all 0.35s ease-out; 
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
box-shadow: 0px 1px 3px rgba(0,0,0,.5);
}

/* Push frontpage sider to bottom of menu */
#loopedSlider.business-slider, #loopedSlider.business-slider .container {
margin-top: -42px;
height: 320px;
}

/* Fix alignment of slider when in iPhone mode */
#loopedSlider .content {
padding: 0px 0;
background: none;
}

/* Align slider buttons to center of slides */
#loopedSlider a.flex-prev span, #loopedSlider a.flex-next span {
position: absolute;
text-align: center;
padding: 0px 0;
top: 50%;
margin-top: -20px;
width: 30px;
height: 30px;
border: 2px solid #000;
background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
border-radius: 99px;
}

/* Align slider thumbnails buttons to center of slides */
#loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav {
text-align: center;
margin: 10px 0 20px 0;
left: 15px;
margin-left: -15px;
position: absolute;
width: 100%;
z-index: 10;
}

/* Set front page slider thumbnails to dark color */
#loopedSlider .pagination li.current a, #loopedSlider .flex-control-nav li .flex-active, .slider-pagination .flex-active a {
background: #000;
border-color: #000;
}


.wooslider-theme-business .layout-text-none.has-featured-image .slide-excerpt {
background: none;
padding: 0;
}

/* Adjust slider images to fit better in frame */
.wooslider {
margin: 20px 0 60px;
background: #fff;
border: none;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2); 
zoom: 1;
}

/* Spacing below portfolio slider buttons */
#wooslider-id-1 {
margin-bottom: 50px!important;
}

/* Slider buttons */
.wooslider .wooslider-control-nav li a {
border: 2px solid #eee;
}

/* Slider buttons hover */
.wooslider .wooslider-control-nav li a:hover {
border: 2px solid #428bca;
}

/* Slider buttons active */
.wooslider .wooslider-control-nav li a.wooslider-active {
border-color: #428bca;
}

.slider-pagination {
margin-bottom: 30px;
}

/* Reduce footer height */
#footer {
padding-top: 8px;
padding-bottom: 0px;
border-top: 1px solid #666;
color: #999;
background-color: #000;
}


/* Make Vimeo video responsive */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* Set content width to 100% instead of right side */
body.single-portfolio.one-col-960 #post-gallery, 
body.single-portfolio.one-col-960 .post-embed {
	width: 100%;
}

body.single-portfolio .hentry {
float: left;
width: 100%;
}

/* Post like button styling */
.dot-irecommendthis { 
	/*background:url(../../plugins/i-recommend-this/images/heart.png) 0 3px no-repeat; */
	padding-left: 0px;
	border: 0 !important;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
	min-height: 14px;
}
.dot-irecommendthis:hover, .dot-irecommendthis.active { 
	background-position:0 -23px; 
	color: #fff!important; 
	border: 0 !important;
	margin: 0 0 10px 0 !important;
	padding-left: 0px !important;
	text-decoration: none;

}

/* Social media button styling / alignment */
.social-buttons {
margin: 17px 0 0 0;
}

.single-social-button {
margin-top: 5px;
}

.single-social-button:hover {
opacity: 0.7;
-moz-transition: all 0.35s ease; 
-webkit-transition: all 0.35s ease; 
transition: all 0.35s ease-out; 
}


/* DESKTOP STYLES
-----------------



/*screens smaller than 768px*/
@media only screen and (max-width: 767px) {
	body > #wrapper { overflow-x: visible;}

	#inner-wrapper {
		padding: 0!important; 
	}
	.nav-toggle {
		margin: 0!important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#navigation {
	border-top: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
	}
	#navigation .nav-home,
	#navigation h3 { display: none;}

	#navigation ul.nav {
		margin-top: 58px;
	}
	#navigation ul.nav > li {
		box-shadow: none;
		width: 100%;
	}
	#navigation ul.nav-search a.search-contents + ul {
		width: 100%;
	}
	#navigation ul.nav-search .searchform input.s {
    		padding-left: 46px;
		background-color: #202020!important;
	}

	#navigation ul {
		margin: 0;
	}
	ul.nav li a {
		padding: .5em 1em;
		display: block;
		color: #d8d8d8;
		font: bold 14px/1.2em "Helvetica Neue", Helvetica, sans-serif;
		font-weight: bold;
	}
	#navigation ul.nav-search .searchform input.s {
		border-radius: 0;
	}
	#navigation ul.nav-search ul {
		margin: 0;
	}
.widget {
     font-size: inherit;
}
.searchform, #searchform {
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid #000;
	    background: #e6e6e6;
	    text-shadow: none;
    color: #fff;
}
	/* Menu hover */
	ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a, #navigation ul.nav > li a:hover  {
		background: #e6e6e6;
		text-shadow: none;
		color: #fff;
		text-decoration: none;
	}
	#portfolio .group.portfolio-img h3 {
		font-size: 12px;
	}

	#navigation #main-nav > li {
		border-bottom: 1px solid #000;
	}
	#navigation #main-nav > li:hover,
	#navigation #main-nav li.current_page_item, 
	#navigation #main-nav li.current_page_parent, 
	#navigation #main-nav li.current-menu-ancestor, 
	#navigation #main-navli.current-cat, 
	#navigation #main-nav li.current-menu-item  {
		border-bottom: 1px solid #428bca;
	}
	.searchandfilter ul {
		padding-top: 10px;
	}

}

/*screens smaller than 560px*/
@media only screen and (max-width: 35em) {
	ul.products li.product,
	#portfolio .group.portfolio-img {
		max-width: 100%!important;
		margin: 0 0 2em;
		min-width: 100%;
		width: 100px;
	}
	#portfolio .group.portfolio-img img {
		min-width: 100%;
	}
	#portfolio .group.portfolio-img h3 {
		font-size: 14px;
	}
	.searchandfilter ul {
		padding-left: 0px;
}