/* CSS Document */
/*Theme Name: NORTH SYDNEY PEST MANAGEMENT */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
iframe{width:100% !important;}
@font-face {
font-family: 'MyriadProRegular';
src: url('css/myriadpe-webfont.eot');
src: url('css/myriadpe-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/myriadpe-webfont.woff') format('woff'),
	 url('css/myriadpe-webfont.ttf') format('truetype'),
	 url('css/myriadpe-webfont.svg#MyriadProRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'switzerlandblackregular';
src: url('css/swzblkn-webfont.eot');
src: url('css/swzblkn-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/swzblkn-webfont.woff2') format('woff2'),
	 url('css/swzblkn-webfont.woff') format('woff'),
	 url('css/swzblkn-webfont.ttf') format('truetype'),
	 url('css/swzblkn-webfont.svg#switzerlandblackregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProBold';
src: url('css/myriadpro-bold-webfont.eot');
src: url('css/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/myriadpro-bold-webfont.woff') format('woff'),
	 url('css/myriadpro-bold-webfont.ttf') format('truetype'),
	 url('css/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Lato-Regular';
src: url('css/latoreg.eot');
src: url('css/latoreg.eot?#iefix') format('embedded-opentype'),
 url('css/latoreg.woff') format('woff'),
 url('css/latoreg.ttf') format('truetype'),
 url('css/latoreg.svg#latoreg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Lato-Bold';
src: url('css/latobol.eot');
src: url('css/latobol.eot?#iefix') format('embedded-opentype'),
		 url('css/latobol.woff') format('woff'),
		 url('css/latobol.ttf') format('truetype'),
		 url('css/latobol.svg#latobol') format('svg');
font-weight: normal;
font-style: normal;
}

p{font:normal 18px 'MyriadProRegular';color:#555555;margin:0;padding:0 0 20px 0;line-height:25px;}





/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;padding:0 2%;position:relative;}
img {
	max-width: 100%;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;}
.logo{float:left; line-height:0px;WIDTH:20%;}


@media(min-width:768px){
#navigation{float:right;}
#navigation ul{margin:0;padding:0;list-style:none;}
#navigation ul li{margin:0 0 0 5px;padding:0;display:inline-block;vertical-align:top;line-height:87px;}
#navigation ul li:first-child{margin-left:0;}
#navigation ul li a{margin:0;padding:0 14px;float:left;font:normal 16px 'MyriadProRegular';color:#5b5959;line-height:87px;}
#navigation ul li.current-menu-item, #navigation ul li:hover{background-color:#316300;}
#navigation ul li.current-menu-item a, #navigation ul li:hover a{color:#fff;}
}

#banner{position:relative;}
.banner_img{min-height:578px;}
.banner_btm{background:url(images/shape1.png) no-repeat center top;height:119px;position:relative;background-size:100% 100%;margin-top:-118px;z-index:99;}
.banner_text{position:absolute;width:100%;left:0;top:117px;z-index:99;}
.banner_inner{width:501px;background-color:rgba(255, 255, 255, 0.7); padding:15px 20px 16px 21px;}
.banner_text h2{font:normal 55px 'switzerlandblackregular';color:#458c00;margin:0;padding:0;text-transform:uppercase;text-shadow:0px 2px 2px #b3b2b3;line-height:normal;}
.banner_text h3{font:normal 45px 'switzerlandblackregular';color:#091300;margin:0;padding:0 0 7px 0;line-height:normal;}
.banner_text p{font:normal 14px 'MyriadProRegular';color:#3e3e3e;margin:0;padding:0 0 14px 0;line-height:19px;}
.banner_text h4{font:normal 25px 'MyriadProBold';color:#316300;margin:0;padding:0 0 7px 0;line-height:normal;}
.banner_text h4 a{color:#316300;}
.banner_text h4 img{vertical-align:middle;}



/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;}
.carousal_holder{position:relative;text-align:center;padding-bottom:45px;}
.carousal_holder h2{font:normal 18px 'MyriadProBold';color:#3c7900;margin:0;padding:0 0 9px 0;line-height:normal;}
.carousal_holder p{font:normal 14px 'MyriadProRegular';color:#555555;margin:0;padding:0 0 9px 0;line-height:18px;}
.service_bg{background:url(images/service_bg.jpg) no-repeat center top;background-size:cover;padding:105px 0px 40px 0px;}
.service_bg h2{font:normal 35px 'Lato-Regular';color:#ffffff;margin:0;padding:0 0 28px 0;line-height:normal;}
.service_box1{/*width:372px;*/width:45%;margin-right:3.25%;float:left;}
.service_box1:nth-of-type(3n){margin-right:0;}
.service_bg h3{font:normal 25px 'Lato-Bold';color:#fff;margin:0;padding:0 0 22px 0;line-height:normal;}
.service_bg p{font:normal 14px 'Lato-Regular';color:#fff;margin:0;padding:0 0 16px 0;line-height:22px;}
.service_bg p a{color:#5fc000;}
.service_bg p img{vertical-align:middle;}

.baner_inner{background-color:#316300; height:5px;margin-bottom:20px;}

.inner h1 {color: #000;font: 35px "MyriadProBold";margin: 0;padding: 0 0 22px;}
.inner h2 {color: #316300;font: 24px "MyriadProBold";margin: 0;padding: 0 0 16px;}
.inner ul{padding:0;margin:0 0 15px 0; list-style:inside;}
.inner ul li{ color: #555555;
    font: 18px/25px "MyriadProRegular";
    margin: 0;
    padding: 0 0 7px;}
.inner ul li a{ color: #555555;}	

.wpcf7 input[type=text],
input[type=tel],
input[type=number],
input[type=email]{border:1px solid #000; font-size: 14px; padding: 5px 10px;font-family:"MyriadProRegular";}

.wpcf7 textarea{border:1px solid #000; font-size: 14px; padding: 5px 10px;font-family:"MyriadProRegular"; width:400px; height:100px;}

input[type=submit]{ background-color: #316300;
    border: medium none;
    color: #fff;
    padding: 8px 20px; cursor:pointer;}
div.wpcf7-response-output{margin:10px 0 !important;font-family:"MyriadProRegular"}	


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 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: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-size: 0.875rem;
	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. */
}




/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{width:100%;background:url(images/footer_bg.jpg) no-repeat center top;background-size:cover;padding:4% 0 0 0;}
.footer_top{padding-bottom:5%;}
.address{width:371px;float:left;}
.map{overflow:hidden;}
#footer h2{font:normal 35px 'Lato-Regular';color:#4e9d01;margin:0;padding:0 0 22px 0;line-height:normal;}
#footer p{font:normal 15px 'Lato-Regular';color:#a9aaa8;margin:0;padding:0;line-height:29px;}
#footer p a{color:#a9aaa8;}
.address p{padding-left:25px !important;}
.address p.map{background:url(images/map.png) no-repeat left 5px;}
.address p.phn{background:url(images/phn2.png) no-repeat left 5px;}
.address p.fax{background:url(images/fax.png)no-repeat left 5px;}
.address p.mail{background:url(images/mail.png) no-repeat left 9px;}
.footer_btm{border-top:1px solid #354129;padding:23px 0px;text-align:center;}
.footer_btm p span{color:#fff;}


/*
----------------------------------
05. AREAS SERVICED
----------------------------------
*/

.areas-serviced-subpages ul{
list-style-type:none;
color:#316300;
}

.form-float{
width:46%;
float:left;
margin-right:8%;
}
.no-margin{
margin:0;
}