/*
Theme Name: Industrial Commercial Lighting 2014
Author: SeIT
Author URI: http://www.seit.co.nz
Description: The 2014 Industrial Commercial Lighting WordPress theme.

Industrial Commercial Lighting 2014 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/* ==========================================================================
   Header
   ========================================================================== */

.header-contact {
	background-color: #B40E13;
	padding: 5px 0;
}

.header-contact .glyphicon {
	margin: 0 5px 0 10px;
}

.header-contact .glyphicon,
.header-contact a {
	color: #fff;
	font-size: 0.85714285714286em; /* 12px*/
}

.header-main {
	margin: 60px 0;
}

.header-branding img {
	height: 60px;
}

.header-navigation ul {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
}

.header-navigation li {
	float: left;
	margin-right: 5px;
}

.header-navigation li:last-child {
	margin-right: 0;
}

.header-navigation .current-menu-item,
.header-navigation li:hover {
	background: #B40E13;
}

.header-navigation .current-menu-item a,
.header-navigation li:hover a {
	color: #fff;
}

.header-navigation a {
	display: block;
	padding: 10px 13px;
	font-family: 'Oswald', sans-serif;
	color: #9B9B9B;
	font-weight: 100;
	font-size: 1.28571428571429em; /* 18px */
	text-transform: uppercase;
}

.header-navigation a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Flexslider (http://www.woothemes.com/flexslider/)
   ========================================================================== */

.flexslider {
    position: relative;
    background: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

.flexslider,
.slides,
.slides li {
    height: 510px;
}

.flexslider li {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ==========================================================================
   Homepage sections
   ========================================================================== */

.section {
	text-align: center;
	padding: 90px 0;
}

/* ==========================================================================
   About Us
   ========================================================================== */

.home-about {
	background-color: #F2F2F2;
}

.home-about img {
	height: 105px;
}

.home-about h1 {
	font-family: Arial;
	font-weight: 700;
	margin: 45px 0 15px 0;
	color: #4F4747;
	font-size: 1.71428571428571em; /* 24px */
	line-height: 1.4;
}

.home-about p {
	margin: 0 60px;
	color: #9B9B9B;
	line-height: 1.6;
}

/* ==========================================================================
   Services
   ========================================================================== */

.home-services {
	margin-top: -115px;
	padding-bottom: 60px;
}

.home-services h1 {
	background-color: #B40E13;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 105px 0;
	font-size: 1.71428571428571em; /* 24px */
	letter-spacing: 1px;
}

.home-services-item {
	margin-bottom: 45px;
}

.home-services-item .media > .pull-left {
	margin-right: 25px;
}

.home-services-item img {
	width: 80px;
	top: 5px;
	position: relative;
}

.home-services-item h2 {
	font-size: 1.14285714285714em; /* 16px */
	margin: 0 0 5px 0;
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #4F4747;
}

.home-services-item p {
	margin: 0;
	color: #9B9B9B;
	text-align: left;
	font-size: 0.92857142857143em; /* 13px */
	min-height: 72px;
}

/* ==========================================================================
   Carousel
   ========================================================================== */

.home-brands {
	background-color: #F2F2F2;
	padding: 45px 0;
	margin-bottom: -30px;
}

.owl-carousel .owl-item {
	padding: 0 15px;
}

.owl-carousel .owl-item img {
	width: 165px;
	display: inline-block;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	background-color: #4F4747;
	margin-top: 30px;
	padding: 75px 0 30px 0;
}

.footer-about,
.footer-links,
.footer-contact {
	margin-bottom: 30px;
}

@media (min-width: 992px) {
		.footer-main div {
			margin-bottom: 0px;
	}
}

.footer h2 {
	font-size: 1.14285714285714em; /* 16px */
	font-weight: 100;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.footer p,
.footer a,
.footer dl {
	color: #B5ADAD;
}

.footer a {
	text-decoration: underline;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer dt {
	width: 85px;
	float: left;
}

.footer dd {
	float: left;
}

.footer-about p {
	width: 80%;
}

.footer-message {
	margin-top: 60px;
}

.footer-message p {
	margin: 0;
	font-size: 0.92857142857143em; /* 13px */
}

@media (min-width: 992px) {
	.footer-message div:nth-child(2) {
		text-align: right;
	}
}

/* ==========================================================================
   Entry/Page
   ========================================================================== */

.entry-header { 
	margin-bottom: 15px;
}

.page .entry-header,
.page-header {
	background-color: #4F4747;
	padding: 45px 0;
	margin: 0 0 60px 0;
	border-bottom: 0;
}

.entry-title {
	margin-top: 0;
}

.page-header .page-title,
.page .entry-header .entry-title {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
}


.post {
	margin-bottom: 30px;
}

.entry-meta {
	color: #9B9B9B;
}

.entry-content {
	min-height: 180px;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

#breadcrumbs {
	margin: 15px 0 0 0;
	font-size: 0.85714285714286em; /* 12px */
	color: #B5ADAD;
}

#breadcrumbs a {
	color: #B5ADAD;
}

/* ==========================================================================
   Brands Template
   ========================================================================== */

.brands-entry {
	margin-bottom: 30px;
	background-color: #F2F2F2;
	text-align: center;
	padding: 45px 30px;
}

.brands-entry img {
	width: 165px;
}

.brands-entry h2 {
	font-size: 1.71428571428571em; /* 24px */
	color: #000;
	margin: 30px 0 15px 0;
}

.brands-entry h2 span {
	font-size: 0.58333333333333em; /* 14px */
	font-weight: 100;
}

.brands-entry p {
	width: 90%;
	margin: 0 auto;
	color: #9B9B9B;
	font-size: 0.92857142857143em; /* 13px */
}

@media (min-width: 1200px) {
	.brands-entry .brands-description {
		min-height: 108px;
	}
}

/* ==========================================================================
   Services/Projects Template
   ========================================================================== */

.services-entry,
.projects-entry {
	margin-bottom: 30px;
}

.services-entry-content,
.projects-entry-content {
	background-color: #F2F2F2;
	padding: 30px;
	min-height: 227px;
}

.services-entry h2,
.projects-entry h2 {
	font-size: 1.71428571428571em; /* 24px */
	color: #000;
	margin: 0;
	margin-bottom: 15px;
}

.services-entry h2 span,
.projects-entry h2 span {
	font-size: 0.58333333333333em; /* 14px */
	font-weight: 100;
}

.services-entry p,
.projects-entry p {
	width: 95%;
	margin: 0;
	color: #9B9B9B;
	font-size: 0.92857142857143em; /* 13px */
}

.services-entry img,
.projects-entry img {
	max-width: 100%;
}

/* ==========================================================================
   Forms
   ========================================================================== */

body .gform_wrapper form .gform_body ul {
	margin: 25px -15px 0 -15px;
	padding: 0;
	list-style: none;
}

body .gform_wrapper form .gform_body ul > li:before {
	content: "";
}

/* Honey Pot */

.gform_validation_container, 
.gform_wrapper .gform_validation_container, 
body .gform_wrapper li.gform_validation_container, 
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, 
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9000px;
}

/* ==========================================================================
   Accessability
   ========================================================================== */

/* 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 */
}

/* ==========================================================================
   WordPress
   ========================================================================== */

/* 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;
}

/* Captions */

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Galleries */

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}