/*
Theme Name: JP Electrical
Author: Matt Lee
Description: JP Electrical
Version: 0.1
*/


/********** FONTS ****************/

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('assets/fonts/robotocondensed-regular-webfont.eot');
    src: url('assets/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('assets/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******** COLOURS *****************
#0068a6 - BLUE
#333 - GREY
**********************************/
.blue{color:#0068a6;}
.white{color:#FFF;}

h1{
	font-family: 'roboto_condensedregular', sans-serif;
	color:#FFF;
	font-size:36px;
	text-transform:uppercase;
	}

h2 {
	font-family: 'roboto_condensedregular', sans-serif;
	color:#FFF;
}

/***********Contents**************/
/* 1. General                    */
/* 2. Header                     */
/* 3. Footer                     */
/* 4. Main Content               */
/* 5. Media Queries               */
/*********************************/

/***** 1. General ****************/

/***** Backgrounds *****/
.aluminum-white{background:url(assets/images/patterns/alum-white.jpg) repeat top left;}
.aluminum-grey{background:url(assets/images/patterns/alum-grey.jpg) repeat top left;}
.aluminum-black{background:url(assets/images/patterns/alum-black.jpg) repeat top left;}
.aluminum-blue{background:url(assets/images/patterns/alum-blue.jpg) repeat top left;}
/***** end Backgrounds *****/

.container{
	max-width:1100px;
	min-width:320px;
	}

.header{
	background:url(assets/images/hands.jpg) no-repeat top right #FFF;
	}

.gform_wrapper .row {
	margin:0;
}

.gform_wrapper ul {
	padding:0;
}

.gform_fields {
	list-style-type: none;
}

/***** 2. Header ****************/
.logo{
	}

  .btn-primary {
      color: #fff;
      background-color: #0068a6;
      border-color: #0068a6;
  }


/***** 3. Footer **********************/

#footer{
	padding-top:30px;
	color:#333;
	}

#footer img {
	}

#footer a {
	color: #333;
	}

#footer a:hover,
#footer a:focus {
	color: #0068a6;
	}


/***** 4. Main Content ****************/
.services{
	font-family: 'roboto_condensedregular', sans-serif;
	font-size: 16px;
	margin: 0;
	padding-top:10px;
	}

.icon{
    float: left;
    margin: 0px 10px 0px 0px;
}

.box{
	min-height:80px;
	margin-top:10px;
	}

.img-responsive{padding:15px 0;}

ul.contact, ul.contact a{
	color:#FFF;
	}

ul.contact a:hover,
ul.contact a:focus {
	color: #FFF;
	}

ul.contact li{
	padding:5px 0;
}

.contact-form{
	padding:15px;
	}

.col-md-6 p{padding-bottom:15px;}

/***** 5. Media Queries ****************/

@media(max-width:991px){
	.img-circle{border-radius:0;}
	.img-responsive{margin-left:0;}

	#footer ul{text-align:center;}
	#footer ul li{padding:10px 0;}
	}