﻿/** **/

:root{
	font-size: 16px;
}

body{
	font-family: 'Open Sans';
	background: url(../img/plumbers-bunbury-bg.jpg) fixed center bottom;
	background-size: cover;
}

ul,ol{
	margin: 0 0 1.5em 0;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	font-family: 'Open Sans Condensed';
	color: #1d4191;
}

a{
	color: #2795d2;
}

.nm{
	margin: 0;
	padding: 0;
}

.page-content, .entry-content, .entry-summary{
	margin: 0;
}

.uc{text-transform: uppercase;}


.site-header{
	background: #FFFFFF;
	font-family: 'Open Sans Condensed';	
}

.logo{
	padding: 15px 0;
}

.license{
	margin: 35px 0;
	color: #1d4191;
	font-weight: bold;
	font-size: 21px;
	text-align: center;
}

.phone{
	margin: 15px 0 0 0;
	text-align: right;
	font-size: 21px;
	font-weight: bold;
	color: #000000;
}

.phone a{
	display: block;
	font-size: 36px;
	color: #2795d2;
	margin-top: -12px;
}

.site-nav{
	background: #1d4191;
	font-family: 'Open Sans Condensed';
}

.navbar{
	min-height: 0;
	margin: 0;
}

.navbar.navbar-default{
	background: transparent;
	border: 0 none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}

.nav{
	margin: 0; padding: 0;
	text-transform: uppercase;
}

.nav>li{
	display: inline-block;
	font-size: 21px;
	font-weight: bold;
	line-height: 50px;
	text-transform: uppercase;
}

.nav>li a{
	color: #FFFFFF;
	padding: 0 15px;
}

.nav>li.current_page_item a,
.nav>li a:hover,
.nav>li a:focus{
	background-color: #1d4191;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.dropdown-menu{
	margin-top: 0; padding: 0;
	font-size: 1.2rem;
	border-radius: 0;
}

.dropdown-menu>li>a{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 15px;	
	background-color: #1d4191;
	color: #FFFFFF !important	
}

.dropdown-menu>li>a:hover{
	background: #17326f;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #17326f;
}

.site-content{
	background: #FFFFFF;
	padding: 0 3px;
}

.headline-text{
	width: 100%;
	line-height: 77px;
	text-align: center;
	font-family: 'Open Sans Condensed';
	font-size: 36px;
	font-weight: bold;
	background: #1d4191;
	color: #FFFFFF;
	overflow: hidden;
}

.hp-block i{
	font-size: 28px;
	text-align: center;
	display: block;
	color: #2795d2;
}

.hp-block h3{
	text-align: center;
	font-size: 21px;
	color: #184191;
}

body.home .hp-block span,
body.page-id-12 .hp-block span{
	font-size: 23.1px;
	font-weight: bold;
	font-family: 'Open Sans Condensed';
	color: #184191;
	display: block;
	text-align: center;
	margin: 15px 0 0 0;
}

.hp-block span a{
	color: #2795d2;
}

.hp-block{
	font-size: 14px;
	min-height: 260px;
}

body.home .hp-block.widget_media_image{
	padding: 0 0 6px 0;
	margin: 0;
}

body.home .hp-block.widget_media_image img{
	width: auto;
	margin: inherit;
}

.hp-block.widget_media_image img{
	width: 85%;
	margin: 0 auto 20px;
	text-align: center;
	display: block;
}

.gallery{
	margin-top: 1.5em;
}

#gallery-1 figure{
	margin: 0;
}

#gallery-1 img{
	width: auto;
	height: 90px;
	padding: 5px;
}

.site-footer{
	background: #184191;
	line-height: 65px;
	text-align: center;
}

.site-info.container{
	font-size: 14px;
	text-align: center;
	padding: 0;
}

.site-info, .site-info a{
	color: #FFFFFF;
}

.footer-links{
	margin: 0;
}

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

.footer-links li{
	display: inline-block;
	margin-right: 20px;
}

/*** Custom Styling ***/

h2.widget-title{
	font-size: 21px;
	font-family: Tahoma;
}

#secondary.widget-area{
	margin-top: 30px;
}



@media screen and (max-width: 1024px) {
	
	.hp-block{
		min-height: 310px;
	}
	
	body.page-id-12 .hp-block{
		min-height: 430px;
	}
	
}

@media screen and (max-width: 768px) {
	
	.site-header .col-md-4{
		width: 60%;
		margin: 0 auto;
	}
	
	.site-header .col-md-5,
	.site-header .col-md-3{
		width: 50%;
		float: left;
	}
	
	.hp-block,
	body.page-id-12 .hp-block{
		min-height: 0;
	}
		
}

@media screen and (max-width: 736px) {
	
	body.home .site-nav{
		background: rgba(29,65,145,0.75);
	}
	body.home .nav>li.current_page_item a, 
	body.home .nav>li a:hover, .nav>li a:focus{
		background: transparent;		
	}
	.nav>li a:hover{
		background: #1d4191 !important;
	}
	.dropdown-menu>li>a:hover{
		color: #CCCCCC !important;
	}
	body.home .site-content{
		padding: 0;
	}
	
	section#custom_html-4 img{
		display: none;
	}
	
	
	.nav>li{
		display: block;
	}
	.dropdown-menu{
		position: static;
		width: 100%;
		float: none;
		display: block;
		box-shadow: none;
		border: 0 none;
	}
	.navbar-toggle{
		background-color: #FFFFFF;
	}

}

@media screen and (max-width: 600px) {
		
}

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

}

@media screen and (max-width: 414px){	
	
	.site-header .col-md-4{
		width: 100%;
		margin: 0 auto;
	}
	
	.site-header .col-md-5,
	.site-header .col-md-3{
		width: 100%;
		float: none;
		text-align: center;
	}	
	
	.license{
		margin: 15px 0;
	}
	
	.phone{
		margin: 0;
		text-align: center;
	}
	
	.headline-text{
		line-height: 40px;
		padding: 10px 0;
		
	}
	
	.site-footer{
		line-height: 40px;
	}

	
}


/*****/