/**handles:style**/
/*
Theme Name: RLP ELECTRIC
Theme URI: http://www.glueprojects.com.au/rlpelectric/
Version: 1.1
Description: An wordpress theme by Glue Digital.
Author: Glue Digital
Author URI: http://www.gluedigital.com.au
Tags: full-width-template, right-sidebar, custom-menu, featured-images, two-columns, responsive,
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/*--------------------------------------------------------------------------------------------

	WARNING! DO NOT EDIT THIS FILE!
	To make it easy to update your theme, you should not edit the styles in this file. Instead use
	the custom.css file to add your styles. You can copy a style from this file and paste it in
	custom.css and it will override the style in this file. You have been warned! :)

---------------------------------------------------------------------------------------------

	1.	Basic ---------------------------------
	2.  Site Structure-------------------------
	
/*-----------------------------------------------------------------------------------*/
/*	1.	Basic : General - Typography - Links - Tables - List - Images - Blockquote ...
/*-----------------------------------------------------------------------------------*/

	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(https://rlpelectric.com.au/wp-content/themes/rlpelectric/js/boxsizing.htc); }
	
	body {  color: #000; font: 12px/21px 'Open Sans', sans-serif; }
	
	/*Typography -------------------------*/
	h1, h2, h3, h4, h5, h6 { color: inherit; font-weight: normal; line-height: 1.2em; margin: 0 0 20px; }
	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	p { margin: 0 0 20px; }
	strong { font-weight: bold; }
	em, i { font-style: italic; }
	
	/*Links ------------------------------*/	
	a { color: #309acc; text-decoration: none;
		-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }
				
	a:hover { text-decoration: underline; }	
	
	/*List -------------------------------*/	
	#content-area ul { list-style-position: outside; list-style-type: disc; margin: 10px 0px 20px 20px; padding: 0; }
	#content-area  ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
	#content-area  ul li ul, #content-area  ul li ol { margin: 2px 0px 2px 20px; }
	#content-area  ol li ul, #content-area  ol li ol  { margin: 2px 0px 2px 35px; }	
	
	/*Table ------------------------------*/
	table, td, th { border: 1px solid #f9f9f9; padding: 6px 10px; }	
	/*Blockquote -------------------------*/
	blockquote { background: #f9f9f9; clear: both; margin: 0 0 20px 0; padding:25px 35px; }
	blockquote cite { display: block; }
	blockquote cite:before { content: "\2014 \0020"; }
	hr { border: solid #f9f9f9; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	/*Images -----------------------------*/
	img { border: 0; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; } 
	object, embed { height: auto; max-width: 100%; }
	
	/*Form Elements -----------------------------*/
	label { display: block; margin: 0 0 5px; }
	input, select, textarea { border: solid 1px #999999; color: #b3b3b3; padding: 5px; }
	input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select {  width: 100%; }
	input[type="checkbox"], input[type="radio"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }
	input[type="checkbox"] { -webkit-appearance: checkbox; } 
	input[type="radio"] { -webkit-appearance: radio; }
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input.placeholder, textarea.placeholder, .wpcf7 .watermark  { color: #b3b3b3; }
	textarea { resize: both;  width: 100%; }

	button, input[type="submit"], input[type="reset"] { 
		background: #309acc; 
		border: 1px solid #309acc; 
		color: #fff;  
		font-family: inherit;
		font-weight: bold;
		overflow: visible;
		text-transform: uppercase;
		-webkit-transition: background-color .2s ease; 
		-moz-transition: background-color .2s ease; 
		-ms-transition: background-color .2s ease; 
		-o-transition: background-color .2s ease; 
		transition: background-color .2s ease; 
		border-radius: 0; 
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;
	}
	button:hover, input[type="submit"]:hover, input[type="reset"]:hover { background: #2c2c2c; border: 1px solid #2c2c2c; color: #fff; }
	
	/*Wordpress Style ---------------------*/
	div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { background-color: #309acc; color: #fff; margin-bottom: 20px; padding-top: 4px; text-align: center; }
	.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
	.wp-caption.alignright { margin: 0px 0px 10px 10px; }
	.wp-caption img { margin: 0; padding: 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 10px; }
	.alignright { float: right; }
	.alignleft { float: left }
	
	img.alignleft { display:inline; float:left; margin-right:15px; }
	img.alignright { display:inline; float:right; margin-left:15px; }	
	
	.text-uppercase { text-transform: uppercase; }
	.text-capitalize { text-transform: capitalize; }
	.text-center { text-align: center; }
	.text-left { text-align: left; }
	.text-right { text-align: right; }	
	.text-bold { font-weight: bold; }
	.text-italic { font-style: italic; }
	
	/*Clearfix ---------------------------*/
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }	
	* html .clearfix { zoom: 1; }
	*:first-child+html .clearfix { zoom: 1; }
	
	::selection { background: #309acc; color: #fff; text-shadow: none; }
	::-moz-selection { background: #309acc; color: #fff; text-shadow: none; }
	
/*-----------------------------------------------------------------------------------*/
/*	2.	Site Structure.
/*-----------------------------------------------------------------------------------*/
	#page-wrap { position: relative; }
	#main { padding: 30px 0; }
	
	/*Header ---------------------------*/
	#header { background: #2c2c2c; }
	#header .primary-area .col.span_3 { line-height: 79px; }
	
	.main-menu { float: right!important; margin: 0!important; }
	.main-menu li { background: url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/line.png') top left no-repeat; }
	.main-menu a { 
		border-bottom: 2px solid #2c2c2c; 
		color: #fff; 
		font-size: 14px; 
		font-weight: bold; 
		padding: 28px 20px!important;
		text-transform: uppercase; 
	}
	.main-menu a:hover, .main-menu .sf-menu li.current-menu-item > a, .main-menu.sf-menu li.current_page_item > a { color: #309acc; border-bottom: 2px solid #309acc; }
	.main-menu ul li a { background: #2c2c2c; padding: .75em 20px!important; }	
	.main-menu ul li.sfHover, .main-menu ul li a:hover { background: #309acc; color: #fff; }	
	
	/*Content ---------------------------*/	
	#content {  }
	#content-area { }
	.page-header { margin: 0 0 20px;  }
	.page-header .page-title { font-size: 28px; margin: 0!important;  }

	.entry { border-bottom: 1px solid #f9f9f9; margin-bottom: 20px; padding-bottom: 20px!important; }	
	.entry-header { margin-bottom: 5px!important; }
	.entry-title { font-size: 18px; margin-bottom: 0!important; }
	.entry-title a { color: inherit; }
	.entry-title a:hover { color: #309acc; text-decoration: none; }	
	.entry-list { list-style: none!important; margin: 0 0 20px!important; }
	.entry-list li:before { color: #309acc; content: '\2022'; margin-right: 10px; }
	.entry-list li:first-child:before { content: ''; margin-right: 0; }
	.entry-list li { float: left; padding: 0 10px 0 0; text-transform: capitalize; }
	.entry-list li a { color: inherit; }
	.entry .thumb, .has-post-thumbnail img.thumb, .product-categories img.thumb  { margin-bottom: 20px; }
	.tag-links { margin: 20px 0!important; }
	
	.product-categories .entry-content, .product-grid article  { margin-bottom: 20px; }

	.product-grid img {
		display: block;
		height: auto;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		max-width: 100%;
	}
	 
	.product-grid figure {
		height: auto;
		margin-bottom: 5px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	 
	.product-grid article img:hover {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		transform: scale(1.4);
	}
	.product-grid article h6 {
		font-size: 12px;
		font-weight: bold;
		line-height: 12px!important;
                margin-bottom: 0!important;
		text-align: center;
		text-transform: uppercase;	
	}
	.product-grid article h6 a { 
		color: inherit;
	}
	.product-grid article h6 a:hover {
		color: #309acc;
		text-decoration: none;
	}
	
	.home #main article { min-height: 700px; }
	
	.product-gallery { 
		bottom: 30px;
		list-style: none!important;
		margin: 0!important;
		padding: 0!important;
		position: absolute;
	}
	.product-gallery li {
		background: url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/box-bg.png');
		float: left;
		margin-left: 48.667px; /* 2% */
		min-height: 149px;
		padding: 10px;
		text-align: center;
		vertical-align: baseline;
		width: 149px; /* 18.4% */
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
	}
	.product-gallery li:first-child {
		margin-left: 0!important;
	}
	.product-gallery li a { color: #fff; font-weight: bold; text-transform: uppercase; }
	.product-gallery li a:hover { color: #309acc; }
	.product-gallery li img { max-width: 100%; width: 100%; }
	.product-gallery li .caption { height: 40px; line-height: 40px; margin: 0!important; }
	.product-gallery li .caption span { display:inline-block; font-size: 12px; font-weight: bold; line-height: 12px!important; text-transform: uppercase; vertical-align:middle; }
	
    .wpcf7-form-control-wrap.Howcanweassistyou .wpcf7-list-item { display: block; }
	
	/*Sidebar ---------------------------*/	
	#sidebar { }
	#sidebar .widget-title { background: #309acc; color: #fff; padding: 5px; text-align: center; }
	.widget-title { font-weight: bold; margin-bottom: 20px; }
	.widget { margin-bottom: 20px; }

	/*Footer ---------------------------*/		
	#footer, #footer a { color: #fff; }
	#footer .primary-area { background: #080808 url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/footer-bg.jpg') bottom center no-repeat; background-size: contain; min-height: 286px; padding: 60px 0 30px; }
	#footer .secondary-area { background: #2c2c2c; padding: 30px 0; }
	
	span.ico-phone { background: url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/icon-phone.png') left center no-repeat; font-size: 18px; padding-left: 20px; width: 15px; }
	span.ico-fax { background: url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/icon-fax.png') left center no-repeat; font-size: 18px; padding-left: 24px; width: 15px;  }
	
	/*Forms ---------------------------*/	
	
	.pagination {  }
	.pagination span, .pagination a { 
		background: #309acc;  
		color: #fff; 
		float: left;	
		font-weight: bold;
		margin-right: 5px; 
		padding: 10px 16px; 	
		text-transform: uppercase;
	}
	.pagination a:hover, .pagination .current { 
		background: #2c2c2c; 
		text-decoration: none; }

	#comments { margin-top: 30px; }
	#commentform {  }
	#comments-title, #reply-title { 
		border-bottom: 1px solid #f9f9f9; 
		font-size: 18px;
		margin: 0 0 20px!important; 
		padding: 10px 0; 
	}
	.commentlist, .commentlist .children { 
		list-style-type: none!important; 
		padding: 10px 20px; 
	}
	.commentlist li.comment, .commentlist .pingback  { 
		border-bottom: 1px solid #f9f9f9; 
		margin: 0 auto; 
		padding: 15px 0px 15px 60px; 
		position: relative; 
		width: auto; 
	}
	.comment-gravatar  { 
		height: 50px; 
		left: 0; 
		position: absolute; 
		top: 15px; 
		width: 50px; }
	.comment-meta { margin-bottom: 10px; }
	.comment-meta, .comment-meta a { font-size: 12px; }
	.commentlist .reply { position: absolute; right: 0; top: 15px; }
	.comment-reply-link, .edit-link a { 
		background: #309acc;  
		color: #fff; 
		font-size: 12px;
		margin-left: 5px; 
		padding: 5px; 			
	}
	.comment-reply-link:hover, .edit-link a:hover { background: #2c2c2c; text-decoration: none; }
	.nopassword, .nocomments, .form-allowed-tags { display: none; }

	.commentlist .children li.comment { border-bottom: 0; }
	.pingback p { margin: 0; }
	.pingback .url { font-style: italic; }

	#commentform label { display: inline-block; padding-top: 5px; vertical-align: top;  }
	#commentform input[type=text] { display: block; width: 100%; }
	#commentform  textarea { display: block; width: 100%; }

	.wpcf7-response-output { padding: 10px 20px 10px 44px!important; }
	.wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked { 
		background: #f9e5e6 url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/icon-box-error.png') no-repeat 10px 9px; 
		border: 1px solid #f7c7c9!important; 
		border-left-width: 4px; 
		color: #b3696c; }
	.wpcf7-mail-sent-ok { 
		background: #e3ebc6 url('https://rlpelectric.com.au/wp-content/themes/rlpelectric/images/icon-box-success.png') no-repeat 12px 8px; 
		border: 1px solid #c2d288!important; 
		border-left-width: 4px; 
		color: #8fa442; }
	.wpcf7-not-valid-tip { color: #f02932; display: block; }
	
	
/*-----------------------------------------------------------------------------------*/
/*	4.	Shortcodes  ...
/*-----------------------------------------------------------------------------------*/
	.button { 
		background: #309acc; 
		border: 1px solid #309acc; 
		color: #fff;  
		display: inline-block;
		font-family: inherit;	
		font-weight: bold;
		overflow: visible;
		padding: 5px 10px; 
		text-align: center; 
		text-transform: uppercase; 
		-webkit-transition: background-color .2s ease; 
		-moz-transition: background-color .2s ease; 
		-ms-transition: background-color .2s ease; 
		-o-transition: background-color .2s ease; 
		transition: background-color .2s ease; 
		border-radius: 0; 
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;	
	
	}

	.button.small { font-size: 12px; padding: 5px 15px!important; }
	.button.large { font-size: 18px; padding: 27px 22px 25px; }
	.button.xlarge { font-size: 24px; padding: 39px 22px 37px; }
	.button.fluid { display: block!important; }
	
	.button:hover { background: #2c2c2c; border: 1px solid #2c2c2c; color: #fff; text-decoration: none; }
	
	.clear, br.clear{ clear: both; height:0;}
	.divider { border-top: 1px solid #2c2c2c; margin: 20px 0; }
	.space { height: 30px; }
	
	
	.suppliers {
		list-style: none;
		list-style-type: none!important;
		margin: 0 0 20px!important;
		overflow: hidden;
		padding: 0!important;
	}
	.suppliers li {
		float: left;
		margin-bottom: 2%;
		margin-right: 2%;
		position: relative;
		text-align: center;
		width: 23.5%;
	}

	
	@media screen and (max-width: 30em) /* >= 480 */ {
		.suppliers li {
			width: 49%;
		}
		.suppliers li:nth-child(2n) {
			margin-right: 0;
		}
	}
	@media screen and (min-width: 37.5em) /* >= 600 */ {
		.suppliers li:nth-child(4n) {
			margin-right: 0;
		}
	}