/*

Theme Name: 	Relex

Description: 	A framework theme with a complete theme options panel.

Author: 		Greater Than Website

Author URI: 	http://gtwebsite.com/

Template:		cyon

Version: 		1.0.0a

*/



@import url("../cyon/style.css");



/* Common */

body {

	line-height: 1.5em;

}

body ul, body ol {

	padding-left: 20px;

}

body h1, body h2, body h3, body h4 {

	font-weight: normal;

	line-height: normal;

}

.width-wide .wrapper, .width-centered .page_wrapper, .home.width-wide .block-wrapper {

	width: auto;

	padding: 0;

}

.width-centered .page_wrapper {

	margin-left: 224px;

}

.brand-logos {

	margin: 1em 0;

	padding: 0

}

	.brand-logos li {

		list-style: none;

		margin: 10px;

		padding: 0;

		float: left;

	}



/* Header */

#header-navigation hgroup {

	display: none;

}

#topcontent {

	padding: 20px 0 10px 0;

}

	#topcontent fieldset {

		border:0;

		text-align: right;

		padding: 0 20px 0 0;

	}

	#topcontent input {

		border:0;

		color: #fff;

		width: 160px;

		padding: 5px 10px 5px 25px;

		font-size: 85%;

		border-radius: 20px;

		background-image: url(images/search.png);

		background-position: 10px 50%;

		background-repeat: no-repeat;

		background-color: rgba(0,0,0,.7);

	}

	#topcontent button {

		display: none;

	}

	#breadcrumb {

		color: #fff;

		margin: 0 0 0 20px;

	}

	#breadcrumb a {

		color: inherit;

	}

	#breadcrumb a:hover {

		text-decoration: underline;

	}

	#breadcrumb dt {

		color: #ccc;

	}

#access {

	background: #000;

	margin-bottom: 0;

}

	#access .wrapper {

		padding-top: 0;

	}

	#access ul.menu > li {

		margin-bottom: 0;

		margin-left: 0;

	}

	#access ul.menu > li > a {

		padding: 0 20px;

		height: 24px;

		line-height: 24px;

		border-right:1px solid #222;

		text-transform: uppercase;

		transition:all linear .2s;

		-webkit-transition:all linear .2s;

		-moz-transition:all linear .2s;

		-ms-transition:all linear .2s;

	}

	#access ul.menu > li > a:hover, #access ul.menu > li:hover > a {

		background: #00339a; /* Old browsers */

		background: -moz-linear-gradient(top,  #00339a 0%, #00339a 44%, #000d6a 59%, #000952 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00339a), color-stop(44%,#00339a), color-stop(59%,#000d6a), color-stop(100%,#000952)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* IE10+ */

		background: linear-gradient(to bottom,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00339a', endColorstr='#000952',GradientType=0 ); /* IE6-9 */

	}

	#access ul.menu > li.current-menu-item > a, #access ul.menu > li.current-menu-ancestor > a {

		border-bottom: 2px solid #5ebfd1;

	}

	#access ul.menu .sub-menu {

		top: 24px;

	}

	#access ul.menu > li > ul > li a {

		background: rgba(0,0,0,.8);

		border: 1px solid #222;

		border-top:0;

		color: #fff;

		width: 178px;

		transition:all linear .2s;

		-webkit-transition:all linear .2s;

		-moz-transition:all linear .2s;

		-ms-transition:all linear .2s;

	}

	#access ul.menu > li > ul > li:first-child a {

		border-top: 1px solid #222;

	}

	#access ul.menu > li > ul > li a:hover, #access ul.menu > li > ul > li.current-menu-item  a {

		background: #00072f;

	}



/* Body */

.general-2right #primary, .general-2left #primary {

	width: 100%!important;

}

.general-2right, .general-2left {

	float: none;

	margin-right: 380px;

}

#main {

	padding: 25px;

	min-height: 400px;

	background:rgba(255,255,255,.8);

}



/* Content */

#main .page-title {

	background:rgba(0,0,0,.8);

	display: inline-block;

	position: relative;

	left: -25px;

	font-size: 280%;

	margin-top: 0;

	padding: 10px 25px;

	color: #fff;

	text-transform: uppercase;

}

#main h2 {

	padding-left: 24px;

	background:url(images/arrow.png) 0 50% no-repeat;

}

#main h1 + h3, #main h1 + article h3 {

	margin-top: 0;

}

#main h3 {

	font-size: 150%;

}

#main h4 {

	font-size: 130%;

}

.meta .posted-by, .meta .categories-links {
	display: none;
}

.post-type-archive-lumi-tech #main img{
	height:inherit;
}

.tax-lamps-gears-cat #main article, .tax-lumi-tech-cat #main article {

	float: left;

	width: 48%;

	margin-right: 2%;

	font-size: 85%;

	height: 120px;

	margin-bottom: 20px;

}

	.tax-lamps-gears-cat #main article h3, .tax-lumi-tech-cat #main article h3 {

		margin: 0 0 5px 0;

		font-size: 150%;

	}

	.tax-lamps-gears-cat #main article img, .tax-lumi-tech-cat #main article img {

		border: 3px solid #bdbdbd;

	}

.blog-list-1 #primary article.post, .postlist li {

	margin-bottom: 20px;

	border-bottom: 1px solid #333;

}

.postlist .article-wrapper{
	margin:0 !important;
}
.postlist .article-wrapper h4{
	margin-top:0;
	font-size:18px;
}

.blog-list-1 #primary article.post .entry-featured-image,.postlist .entry-featured-image {

	width: 160px;

	margin-top: 0;

}

.postlist .entry-featured-image{
	float:left;
	margin:0 10px 10px 0;
}

.blog-list-1 #primary article.post .page-header:after, .postlist .page-header:after {

	clear: none;

}

.blog-list-1 #primary article.post h1 {

	margin: 0;

	font-size: 140%;

}

.blog-list-1 #primary article.post .meta {

	margin: 0;

}


.search-results #main article h1 {

	margin-bottom: 0;

}



/* Sidebar */

#secondary {

	position: fixed;

	left: 0;

	top: 0;

	color: #fff;

	width: 224px!important;

	background: url(images/sidebar-bg.png) repeat-x;

	text-shadow:1px 1px rgba(0,0,0,.5);

}

	#secondary .widget {

		padding: 20px;

		margin-bottom: 20px;

	}

	#secondary .widget-title {

		color: inherit;

		border: 0;

		font-size: 140%;

		margin-bottom: 0;

	}

	#secondary .widget_nav_menu {

		padding-left: 0;

		padding-right: 0;

		margin-top: 60px;

	}

	#secondary .widget_nav_menu ul {

		margin: 0;

	}

	#secondary .widget_nav_menu a {

		display: block;

		width: 50%;

		padding: 0 20px;

		color: #fff;

		text-transform: uppercase;

		height: 26px;

		line-height: 26px;

		border-top-right-radius: 3px;

		border-bottom-right-radius: 3px;

	}

	#secondary .widget_nav_menu a:hover {

		height: 24px;

		line-height: 24px;

		border:1px solid #9391c0;

		border-left: 0;

		background: #170379; /* Old browsers */

		background: -moz-linear-gradient(top,  #170379 0%, #06036f 45%, #060355 59%, #05033f 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#170379), color-stop(45%,#06036f), color-stop(59%,#060355), color-stop(100%,#05033f)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top,  #170379 0%,#06036f 45%,#060355 59%,#05033f 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top,  #170379 0%,#06036f 45%,#060355 59%,#05033f 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(top,  #170379 0%,#06036f 45%,#060355 59%,#05033f 100%); /* IE10+ */

		background: linear-gradient(to bottom,  #170379 0%,#06036f 45%,#060355 59%,#05033f 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170379', endColorstr='#05033f',GradientType=0 ); /* IE6-9 */

	}

	#secondary .cyon-ads {

		margin-bottom: 0;

	}

	#secondary .cyon-ads a {

		float: none;

		margin: 0 auto;

		display: block;

		width: 167px;

	}

	#secondary .cyon-newsletter h3 {

		overflow: hidden;

		text-indent: -999px;

		background: url(images/newsletter-bg.png) no-repeat;

		height: 32px;

		margin: 0 0 10px 0;

		border:0;

	}

	#secondary .cyon-newsletter p {

		margin-top: 0;

		margin-bottom: 5px;

	}

	#secondary .cyon-newsletter input {

		background-color: rgba(0,0,0,.4);

		background-position:  5px 50%;

		background-repeat: no-repeat;

		border:0;

		color: #fff;

		width: 144px!important;

		padding: 6px 10px 6px 30px;

		box-shadow: -1px 1px 1px rgba(255,255,255,.2);

	}

	#secondary .cyon-newsletter input:active, #secondary .cyon-newsletter input:focus {

		color: #fff;

		box-shadow: -1px 1px 1px rgba(255,255,255,.4);

	}

	#secondary .cyon-newsletter input[type=text] {

		background-image: url(images/icon-user.png);

	}

	#secondary .cyon-newsletter input[type=email] {

		background-image: url(images/icon-mail.png);

	}

	#secondary .cyon-newsletter button {

		display: block;

		padding: 6px 0;

		text-align: center;

		width: 99%;

		color: #fff;

		border:1px solid #9391c0;

		box-shadow: none;

		background: #00339a; /* Old browsers */

		background: -moz-linear-gradient(top,  #00339a 0%, #00339a 44%, #000d6a 59%, #000952 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00339a), color-stop(44%,#00339a), color-stop(59%,#000d6a), color-stop(100%,#000952)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(top,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* IE10+ */

		background: linear-gradient(to bottom,  #00339a 0%,#00339a 44%,#000d6a 59%,#000952 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00339a', endColorstr='#000952',GradientType=0 ); /* IE6-9 */

	}

	#secondary .cyon-newsletter button:hover {

		text-shadow:none;

		border-color: #fff;

	}

	#secondary .widget_text {

		margin-top: 10px;

		padding-top: 0;

		padding-bottom: 0;

	}

		#secondary .widget_text ul li {

			list-style: disc;

			margin-left: 20px;

		}

	#secondary .cyon-project-list, #secondary .light-terms {

		margin-bottom: 0;

	}

		#secondary .cyon-project-list ul, #secondary .light-terms {

			margin: 0;

		}

		#secondary .cyon-project-list li, #secondary .light-terms > li {

			padding: 3px 0;

		}

		#secondary .cyon-project-list li a, #secondary .light-terms li a {

			color: inherit;

			display: block;

		}

		#secondary .cyon-project-list h4 {

			margin: 0;

		}

		#secondary .cyon-project-list li a:hover, #secondary .light-terms li a:hover {

			color: #04d8ff;

		}

		#secondary .cyon-project-list li.active a, #secondary .light-terms li.active > a {

			color: #04d8ff;

			font-style: italic;

		}

		#secondary .cyon-project-list li.active a::after {

			content: ' >';

			display: inline;

		}

		#secondary .cyon-project-list .article {

			margin-top: 30px;

		}

		#secondary .cyon-project-list .article h3 {

			color: inherit;

			font-size: 140%;

			margin-bottom: 0;

			padding-bottom: 0;

			border-bottom: 0;

		}

		#secondary .cyon-project-list .article h4 {

			font-size: 130%;

			margin-bottom: 0;

		}

		#secondary .cyon-project-list .article h4 + p, #secondary .cyon-project-list .article h3 + p {

			margin-top: 0;

		}

		#secondary .light-terms > li > a {

			padding-left: 20px;

			background: url(images/arrow2.png) 0 1px no-repeat;

		}

		#secondary .light-terms > li.open > a {

			background: url(images/arrow2-down.png) 0 1px no-repeat;

		}

		#secondary .light-terms ul {

			margin: 0 0 10px 0;

			padding-left: 40px;

			font-size: 90%;

			display: none;

		}

		#secondary .light-terms ul li.active a {

			font-style: normal;

		}

		#secondary .light-terms ul li a:hover {

			text-decoration: underline;

		}

#text-2 {

	color: #fff;

	margin-bottom: 0!important;

}

	#text-2 a {

		display: inline-block;

		width: 21px;

		height: 21px;

		text-indent: -999px;

		overflow: hidden;

		text-align: left;

		position: relative;

		top: 5px;

		background: url(images/socials.png) 0 0 no-repeat;

		transition:all linear .2s;

		-webkit-transition:all linear .2s;

		-moz-transition:all linear .2s;

		-ms-transition:all linear .2s;

	}

	#text-2 a.gplus {

		background-position: -21px 0;

	}

	#text-2 a.pinterest {

		background-position: -42px 0;

	}

	#text-2 a.twitter {

		background-position: -63px 0;

	}

	#text-2 a:hover {

		background-position: 0 100%;

	}

	#text-2 a.gplus:hover {

		background-position: -21px 100%;

	}

	#text-2 a.pinterest:hover {

		background-position: -42px 100%;

	}

	#text-2 a.twitter:hover {

		background-position: -63px 100%;

	}

#tertiary {

	position: absolute;

	right: 24px;

	top: 100px;

	width: 336px;

}

	#tertiary .widget_archive {

		border-radius: 5px;

		margin: 10px 50px;

		padding:20px;

		text-align: center;

		background: rgba(0,0,0,.7);

	}

	#tertiary .widget_archive h3 {

		color: #fff;

		font-size: 130%;

		border: 0;

		margin-bottom: 0;

		text-transform: uppercase;

	}

	#tertiary .widget_archive ul {

		margin: 0;

	}

	#tertiary .widget_archive ul li {

		margin: 3px 0;

	}

	#tertiary .widget_archive a {

		color: #fff;

	}

	#tertiary .widget_archive a:hover {

		text-decoration: underline;

	}



/* Footer */

#colophon {

	color: #fff;

	text-shadow:1px 1px rgba(0,0,0,.5);

	text-align: right;

	font-size: 85%;

	text-transform: uppercase;

	background: rgba(0,0,0,.7);

}

	#colophon.stick {

		position: fixed;

		bottom: 0;

		left: 224px;

	}



#footer-nav {

	padding: 8px 20px;

}

	#footer-nav a {

		color: #fff;

	}

	#footer-nav a:hover {

		text-decoration: underline;

	}

	#footer-nav .copyright {

		margin-bottom: 0;

	}



/* Specific Pages */

.home {}

	.home #main {

		display: none;

	}

	.home #secondary {

		background: rgba(0,0,0,.7);

	}

.single-projects {}

	.single-projects #main, .post-type-archive-projects #main {

		background: rgba(0,0,0,.7);

		padding: 0;

	}
.single-projects article .article{
	width: 300px;
	padding: 15px;
	position: absolute;
	z-index: 99;
	top: 0;
	/*right: -330px;*/
	right:0;
	background: rgba(0,0,0,0.5);
}
.single-projects article .article .readmore-slide{
	margin-left:-175px;
	cursor:pointer;
	display:none;
}
.single-projects article .article.active .readmore-slide label{
	display:none;
}

.single-projects article .article .readmore-slide span{
	width: 16px;
	height: 18px;
	background-image: url("images/readmore.png");
	display: inline-block;
	position: relative;
	top: 5px;
}

.single-projects article .article .readmore-slide label{
	cursor: pointer;
	margin-right: 10px;
}

.single-projects article .article.active .readmore-slide{
	margin-left:-35px;
}


.single-projects article .article.active .readmore-slide span{
	background-position:100% 100%;
}
.single-projects article .article h3,
.single-projects article .article{
	color:#ffffff;
}
.single-brands{}

	.single-brands #main, .tax-lamps-gears-cat #main, .single-shop-lighting #main, .post-type-archive-shop-lighting #main, .tax-lumi-tech-cat #main {

		color: #fff;

		background: rgba(0,0,0,.7);

	}

	.single-brands #main h2, .single-brands #main h3, .single-brands #main h4, 

	.tax-lamps-gears-cat #main h2, .tax-lamps-gears-cat #main h3, .tax-lamps-gears-cat #main h4, .single-shop-lighting #main h3, 

	.tax-lumi-tech-cat #main h2, .tax-lumi-tech-cat #main h3, .tax-lumi-tech-cat #main h4 {

		color: #fff;

	}

	.single-brands #main .wp-post-image {

		position: relative;

		left: -25px;

	}
	.single-brands article .brand-options{
		margin-top:20px;
	}
	.single-brands article .brand-options .brand-url a{
		color:#ffffff;
		text-decoration:underline;
	}
	.single-brands article .brand-options .brand-url a:hover{
		text-decoration:none;
	}
	.single-brands article .brand-options .brand-origin span{
		text-transform:uppercase;
	}

.post-type-archive-lumi-tech article{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.post-type-archive-lumi-tech article:last-child{
	border:medium none;
}

#footer-sub {

	position: fixed;

	bottom: 35px;
	color: #333;
	text-shadow: none;

	right: 0;

	z-index: 99;

	display: none;

	padding: 10px;

	margin-bottom: 0;

	background: #fff;

}

	#footer-sub .wrapper {

		width: auto;

		padding: 0;

		margin: 0;

	}

	#footer-sub .close {

		margin-left: 5px;

		color: #000;

		border: 1px solid #ccc;

		text-align: center;

		height: 14px;

		width: 14px;

		line-height: 14px;

		font-size: 6px;

		display: inline-block;

		text-decoration: none;

		border-radius: 50%;

		position: relative;

		top: -2px;

	}

/* Screen */

@media only screen and (max-width: 1400px){

	#access ul.menu > li > a {

		padding: 0 20px;

	}

}