/*
Theme Name: Plumbers In Adelaide
Author: The NSquareIT team
Author URI: http://nsquareit.com/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
html{ margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-size:16px; color:#3a3a3a; background:#fff; font-family: 'Lato', sans-serif;}
h1{ font-size:30px; margin:0px 0px 15px 0px; line-height:38px; font-weight:bold; font-family: 'Bitter', serif; color:#006fb9;}
h2{font-size:26px; margin:0px 0px 15px 0px; line-height:30px; font-weight:bold; font-family: 'Bitter', serif; color:#006fb9;}
h3{font-size:24px; margin:0px 0px 12px 0px; line-height:28px; font-weight:bold; font-family: 'Bitter', serif;}
h4{font-size:20px; margin:0px 0px 12px 0px; line-height:24px; font-weight:bold; font-family: 'Bitter', serif;}
h5{font-size:18px; margin:0px 0px 10px 0px; line-height:21px; font-weight:bold;}
p{  font-size: 16px;    font-weight: normal;    line-height: 24px;    margin: 0;    padding-bottom: 18px;}
ul,ol{ margin:0px; padding:0px;}
a{ color:#0095da; text-decoration:none;}
a:hover{ color:#696969;}
.cl{ clear:both; height:1px;}
::-webkit-input-placeholder { opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */}
:-moz-placeholder { /* Firefox 18- */ opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */ }
::-moz-placeholder {  /* Firefox 19+ */  opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */ }
:-ms-input-placeholder {   opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */  }
.wrapper{ margin:auto; display:table; width:1170px;}
.alignleft {float: left; margin-right:15px;}

.alignright {float: right;  margin-left:15px;}
.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
img.size-full{ width:100%; display:block; height:auto; }


/********** TOP-HEADER **********/
.top-header {float: left;  width: 100%; background:#403f41; color:#fff; padding:2px 0px; }
.top-header-left {    float: left;    width: auto;}
.top-header-right {    float: right;    width: auto;}
#menu-top-menu {    list-style: none outside none; margin-top: 3px;}
#menu-top-menu li {    border-right: 1px solid #fff;    display: inline-block;    padding: 0 8px; line-height:16px;}
#menu-top-menu li:last-child{ border:medium none;}
#menu-top-menu li:first-child{ padding:0px 8px 0px 0px;}
#menu-top-menu li a{ color:#fff; line-height:18px;   transition: all 0.3s ease-in 0s;}
#menu-top-menu li a:hover{ color:#00b8eb;}
#menu-top-menu li.current-menu-item a{color:#00b8eb;}
.social-icons  a {    color: #fff;    display: inline-block;    margin: 0 5px;}
.social-icons  a .fa{ transition: all 0.2s ease 0s;   font-size: 20px;    height: 24px;    padding: 4px 0 0;    text-align: center;    transition: all 0.2s ease 0s;    width: 30px;}
.social-icons  a .fa-facebook:hover{ background:#38599b;}
.social-icons  a .fa-twitter:hover{ background:#2894ef ;}
.social-icons  a .fa-linkedin:hover{ background:#00659b;}
.social-icons  a .fa-youtube:hover{ background:#f45750 ;}
.social-icons  a .fa-google-plus:hover{ background:#dd2710 ;}
/********** TOP-HEADER-END **********/

/********** HEADER **********/
header {    float: left;    width: 100%; padding-top:25px; padding-bottom:20px;}
.logo {    float: left;    width: auto;}
.header-right{ float:right; width:auto;}
.slogan{ font-size:30px; color:#006fb9; font-family: 'Bitter', serif; text-shadow: 1px 1px 1px #026695;}
.phone{ font-size:30px; color:#006fb9; font-family: 'Bitter', serif; margin-top:18px; text-shadow: 1px 1px 1px #026695;}
.phone span{ color:#d0232d;}
.widget_search {float: right;    margin-top: 20px;}
.form-box{border:1px solid #403f41; float:right;width:auto; }
.form-box label {    display: none;}
.search-field {    border: medium none;    padding: 5px 6px; font-family: 'Lato', sans-serif; font-size:16px; width:220px;}
.search-submit {    background:url(images/search-icon.png) no-repeat; padding: 1px 10px; cursor:pointer;    border: medium none;    overflow: hidden;    position: relative;    text-indent: -9999px;}
.home-page-banner {
     border-bottom: 3px solid #0095da;    float: left;    position: relative;    width: 100%; }
.home-page-banner img{ width:100%; display:block;}	
.site-list{
	bottom: -3px; display: block;  float: none; left: 0;  margin: auto; position: absolute; right: 0; width: 63%; }
.logo-box{ 
	background: none repeat scroll 0 0 #fff; border: 3px solid #0095da; display: table; float: left;  height: 125px;
    margin: 0 0.5%;  position: relative;  width: 18.5%; }
.logo-box img{  
	bottom: 0;  display: table;  left: 0;  margin: auto;  position: absolute;  right: 0;  top:0px;
    width: auto;}
.banner-heading {
    position: absolute;    top:103px; right:130px;}
.banner-heading h1{ font-family: 'Bitter', serif; font-size:48px; /*text-shadow: 3px 2px 3px #000000;*/ text-shadow: 2px 2px 0 #fff;}
.banner-heading span{ color:#d0232d;}
.banner-text {
    bottom: 192px;    left: 125px;    position: absolute; color:#fff;}
.banner-text h1{ color:#fff; margin:0px;  }
.banner-text span{ color:#d0232d; text-shadow: 2px 2px 0 #fff;}
	
/********** HEADER-END **********/
/********** Main-Menu **********/
nav {    background: none repeat scroll 0 0 #006fb9;    float: left;    width: 100%;}
nav .nav-menu {list-style: none outside none;  padding: 12px 0; float: left;}
nav .nav-menu li{ display:inline-block; line-height:18px; border-left:1px solid #fff; padding: 0 15px;}
nav .nav-menu li a{ color:#fff; font-size:20px; line-height:18px; font-weight:normal; transition: all 0.3s ease-in 0s;}
nav .nav-menu li a:hover{ color:#64c7e8;}
nav .nav-menu li.current-menu-item > a {color:#64c7e8;}
.home-icon {float: left;  margin:0px 15px; padding:9px 0px 0px 0px;}
.home-icon .fa.fa-home {color: #fff;  font-size: 28px; transition: all 0.3s ease-in 0s;}
.home-icon .fa.fa-home:hover{ color:#64c7e8;}
.home-icon.current .fa.fa-home{ color:#64c7e8;}
/********** Main Menu-END **********/


.site-content-part { float: left; width: 100%;}
.site-content-part header{ padding:0px;}
.main-content { float: left;    margin: 25px 0;    width: 100%;}
.main-content {    float: left;    margin: 25px 0;    width: 70%;}
#secondary {    float: right;    width: 25%; margin: 25px 0; }
.main-content.full { float: left;    margin: 25px 0;    width: 100%;}
.services {float: left; width: 100%;  padding: 25px 0;}
.service {float: left;  margin-right: 3%;  width: 22.6%; text-align:center;}
.service  a {    color: #fff;}
.service:last-child{ margin-right:0px;}
.service-img{float: left; width: 94%; position:relative; padding:3%; min-height: 240px; margin-bottom: 20px; /* transition: all 0.3s ease-in 0s;*/ transform: translateZ(0px);}
.service-img h4{ position:absolute; bottom:15px; text-transform:uppercase; line-height:20px; left:0px; right:0px; letter-spacing:1px; font-size:18px;}
.service-img img {    margin: 15px 0 0;}
.light-blue{ background:#22b4f7;}
.light-red{ background:#f24f4f;}
.light-orange{ background:#f28739;}
.light-green{ background:#7cbb7c;}
.light-yellow{ background:#cac965;}
.light-sky{ background:#64b5d0;}
.light-pink{ background:#ca64d0;}
.light-purple{ background:#8d66ac;}
/*.service-img:hover{ background:#006fb9;}*/
.service-img:before{bottom: 0;  content: "";  left: 0;  position: absolute;  right: 0;  top: 0;  transition-duration: 0.3s;    transition-property: top, right, bottom, left;}
.service-img.light-blue:before{ border:4px solid #22b4f7;}
.service-img.light-red:before{ border:4px solid #f24f4f;}
.service-img.light-orange:before{ border:4px solid #f28739;}
.service-img.light-green:before{ border:4px solid #7cbb7c;}
.service-img.light-yellow:before{ border:4px solid #cac965;}
.service-img.light-sky:before{ border:4px solid #64b5d0;}
.service-img.light-pink:before{ border:4px solid #ca64d0;}
.service-img.light-purple:before{ border:4px solid #8d66ac;}
.service-img:hover:before, .service-img:focus:before, .service-img:active:before {bottom: -8px; left: -8px; right: -8px;  top: -8px;}
.bottom-part {    float: left;    width: 100%; margin:20px 0px; padding:25px 0px; border-top:1px solid #cccccc;}
.bottom-left { float: left; /*width: 48%; */}
.bottom-right { float: right; width: 48%;}
.bottom-part .widget-title {font-family: 'Bitter', serif; font-size:24px; color:#000; font-weight:bold; margin-bottom: 20px;}
.suburbs-list {
    list-style: none outside none;
}
.suburbs-list li {
    background: url("images/arrow-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block; float: left;  margin-bottom: 10px; padding-left: 30px; padding-right: 5px; transition: all 0.0s ease-in 0s; /*width: auto;*/ width: 199px;}
.suburbs-list li a{ color:#000000;}	
/*.suburbs-list > li:hover {
   font-size:18px; transition: all 0.3s ease-in 0s; background:url(images/arrow-icon-hover.png) no-repeat;*/

.footer-part {
    display: table; margin: auto; width: 100%; background:#403f41; color:#fff; padding:20px 0px;}
.footer-left {
    display: table;    float: left;    width: 50%;}
.footer-right {
    display: table;   float: right;    width: 50%; text-align:right;}

.fotter-menu {
    display: inline-flex;    list-style: none outside none;}
.fotter-menu > li {
    border-right: 1px solid #fff;    padding: 0 13px;}
.fotter-menu > li a{ 
	color:#fff; transition: all 0.3s ease-in 0s;}
.fotter-menu > li:last-child {
    border-right: medium none;
}
.fotter-menu > li a:hover{ 
	color:#64c7e8; transition: all 0.3s ease-in 0s;}
.home-full-image {
    display: table;
    float: left;
    width: 100%;
}
.home-full-image img {
    width: 100%;
}

.content-area ul{ margin:0px 0px 15px 15px;}
.content-area ul li{line-height:25px; margin-bottom:8px}
.content-area ol{ margin:0px 0px 15px 15px;}
.content-area ol li{line-height:25px; margin-bottom:8px}