/*
Theme Name: PMPress
Description: PresenceMaker custom theme for wordpress.
Author: Presence Maker
Author URI: http://presencemaker.com
Text Domain: pmpress
Version: 1.0

notes:
    Each property should get its own line (ignore the reset)                ...(I SAID IGNORE IT!)
    properties are in alphabetical order
    primary #167cb9
    accent #eed202
*/

/** reset/normalize */
:focus{outline:none;}
*{box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:transparent}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video,main{display:block}
a img{border:0;display:block;line-height:1px}
figure{position:relative}
img{height:auto;max-width:100%}
figure img{width:100%}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],textarea{-webkit-appearance:none}
pre{white-space:pre}
a,button,input[type="submit"] {cursor:pointer}
.cf,.container{clear:both;*zoom:1}
.container:after,.cf:after{content:"";display:table;clear:both}


/** 
 * global elements
 */
::selection{background-color:#167cb9;color:#fff}
::-moz-selection{background-color:#167cb9;color:#fff}
::-webkit-selection{background-color:#167cb9;color:#fff}

*::-webkit-input-placeholder { color: #888; }
*:-moz-placeholder { color: #888; }
*::-moz-placeholder {  color: #888; }
*:-ms-input-placeholder {  color: #888; }
*:placeholder { color: #888; }

a {
    color: #EED202;
	text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: #fff;
}
body {
    background: #167cb9;
    color: #c8ced4;
	font: 400 100%/1em Arial, sans-serif;
}
hr {
    background: #e0e0e0;
    border: none;
    display: block;
    height: 1px;
    margin: 2em 0;
    width: 100%;
}
em { 
    font-style: italic; 
}
p {
    line-height: 1.625em;
    margin-bottom: 1em;
    max-width: 45em;
}
ul,ol {
    margin-bottom: 2em;
    padding-left: 1.5em;
}
li {
    line-height: 1.5em;
}
small { 
    font-size: 0.75rem; 
    line-height: 1.25em;
}
strong { 
    font-weight: 700; 
}


.site {
    overflow: hidden;
    position: relative;
}
.container {
    display: block;
	margin: 0 auto 3em;
	max-width: 63.375rem; /* 1014px / 16px */
}
.container--alt {
    margin-bottom: 0;
}
.wrapper {
    margin-top: 1em;
    padding: 0 1em;
}


.header {
    max-height: 48em;
    overflow: hidden;
    position: relative;
}
.section {
    overflow: hidden;
    padding: 4em 0 2em;
    position: relative;
}
.section--alt {
    background: #fff;
    color: #666;
}
.section--alt2 {
    background: #f3f3f3;
    color: #666;
}
.section#pests {
    overflow: visible;
}
.footer {
    color: #9fa4aa;
    overflow: hidden;
}



@media all and (min-width: 56em){
    .header-bar {
        background: #167cb9;
        background: rgba(22,124,185,0.86);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
}


@media all and (max-width: 56em){
    .mobile-bar {
        background: #eed202;
        background: rgba(238,210,2,0.9);
        box-shadow: 0 2px 4px rgba(0,0,0,0.125);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }
    .mobile-drawer {
        background: #167cb9;
        background: rgba(22,124,185,0.9);
        box-shadow: 0 2px 3px rgba(0,0,0,0.125);
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 100;
    }
    .mobile-toggle {
        background: transparent;
        border: none;
        border-radius: 50%;
        display: block;
        padding: 0;
        transition: background-color 0.2s;
        position: absolute;
        right: 0.5em;
        top: 0.5em;
    }
    .mobile-toggle:hover,
    .mobile-toggle--active {
        background: rgba(255,255,255,0.25);
    }
    .mobile-toggle-icon {
        padding: 16.5px 13px;
    }
    .mobile-toggle-icon__bar {
        background: #000;
        display: block;
        height: 3px;
        margin: 3px auto 0;
        width: 2em;
    }
    .mobile-toggle-icon__bar:first-child {
        margin-top: 0;
    }
    .mobile-toggle-label {
        display: none;
    }
}
@media all and (min-width: 56em){
    .mobile-drawer {
        display: block !important;
    }
    .mobile-toggle {
        display: none;
    }
}

.logo {
    display: block;
    padding: 1em;
}
.logo__image {
    display: block;
}
.logo__label {
    display: none;
}
@media all and (max-width: 56em){
    .logo {
        max-width: 12em;
    }
}
@media all and (min-width: 56em){
    .logo {
        background: #eed202;
        float: left;
        padding: 1.5em 2em;
    }
}


.phone-number {
    margin-bottom: 0.5em;
}
.phone-number__label {
    font-weight: 700;
}
.phone-number__value {
    margin-left: 0.25em;
}
@media all and (min-width: 56em){
    .phone-numbers {
        float: right;
    }
    .phone-number {
        display: inline-block;
    }
    .phone-number:first-child {
        border-right: 1px solid #fff;
        margin-right: 0.25em;
        padding-right: 0.5em;
    }
}


.main-menu-container {
    overflow: hidden;
}
.main-menu {
    list-style: none;
    margin: 0 0 1em;
    overflow: hidden;
    padding: 0;
}
.main-menu > .menu-item {
    display: block;
}
.main-menu a {
    display: block;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1em;
    padding: 0.5em 1em;
}
@media all and (min-width: 56em){
    .main-menu-container {
        float: right;
    }
    .main-menu > .menu-item {
        display: inline-block;
    }
}

.hero-image {
    width: 100%;
    margin-top: 58px;
}
@media all and (min-width: 56em){
    .hero-image {
        margin-top: 0;
    }
}

.welcome-message {
    overflow: hidden;
    position: absolute;
    top: 5em;
    left: 0;
    width: 100%;
}
.welcome-text {
    background: #167cb9;
    background: rgba(22,124,185,0.75);
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    line-height: 1em;
    margin: 0 0 0.25rem 0;
    padding: 0.5rem;
}
.welcome-tagline {
    background: #ddd;
    background: rgba(90,90,90,0.9);
    color: #fff;
    display: inline-block;
    font-size: 0.875em;
    line-height: 1em;
    padding: 0.5em;
}
@media all and (min-width: 36em){
    .welcome-message {
        top: 7em;
    }
    .welcome-text {
        font-size: 1.5em;
        margin: 0 5em 0.25rem 0;
        padding: 1rem;
    }
    .welcome-tagline {
        font-size: 1em;
        padding: 0.5em 1rem;
    }
}
@media all and (min-width: 50em){
    .welcome-message {
        top: 12em;
    }
    .welcome-text {
        font-size: 2em;
        margin: 0 5em 0.25rem 0;
        padding: 1rem;
    }
    .welcome-tagline {
        font-size: 1.25em;
        padding: 0.5em 1rem;
    }
}
@media all and (min-width: 65em){
    .welcome-message {
        top: 14em;
    }
}


.bug-icons {
    display: none;
}
@media all and (min-width: 62em){
    .bug-icons {
        display: block;
        margin: 1em auto 2em;
    }
}
@media all and (min-width: 72em){
    .bug-icons {
        margin-top: 6em;
    }
}


.heading {
    color: #167cb9;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
}
.heading--alt {
    color: #fff;
}
.sub-heading {
    font-size: 0.875em;
    font-weight: 700;
    text-transform: uppercase;
}

.screen-reader-text {
    display: none;
}
.small-print {
    margin: 3em auto 0;
    text-align: center;
}


/** page-specific elements */
#about p {
    margin: 2em auto 1em;
    text-align: center;
}

.pests {
    padding: 3em 0 0;
}
.pest {
    margin: 0 auto 2em;
    max-width: 15.1875em;
    position: relative;
}
.pest-header {
    background: #167cb9;
    text-align: center;
}
.pest-drawer {
    background: #000;
    color: #ccc;
    padding: 1em;
}
.pest-details {
    overflow: hidden;
}
.pest-name {
    color: #fff;
    margin-top: 1em;
    text-align: center;
}
.pest-name--alt {
    text-align: left;
    margin: 1em 0 0;
}
.pest-toggle {
    background: transparent;
    border: none;
    color: #fff;
    display: block;
    font-size: 0.8125em;
    line-height: 1em;
    padding: 0.75em;
    text-align: center;
    transition: background-color 0.2s;
    width: 100%;
}
.pest-toggle:hover {
    background: #167cb9;
}
.js-enabled .pest-drawer {
    position: absolute;
    top: 105%;
    z-index: 10;
}
.pest-drawer--active:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #000;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
}
@media all and (min-width: 50em){
    .pest {
        float: left;
        margin: 0 0.5% 2em;
        width: 24%;
    }
}


#service-area {
    padding: 0;
}
.service-area-map {
    width: 100%;
}


/**
 * forms
 */
.frm_hidden,
.frm_ajax_loading {
    display: none;
}

label {
    display: block;
    padding: 0.25em 0.125em;
}

.text-input,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    background: #fff;
    border: none;
    color: #636363;
    display: block;
    font: 400 100%/1em Arial, sans-serif;
    margin-bottom: 1em;
    padding: 0.75em 0.5em;
    width: 100%;
}

.button,
input[type="submit"] {
    background: #167cb9;
    border: none;
    color: #fff;
    display: block;
    font: 400 100%/1em Arial, sans-serif;
    margin: 2em auto 0;
    padding: 1em 3em;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background-color 0.2s;
}

.button:hover,
input[type="submit"]:hover {
    background: #eed202;
}

#frm_form_3_container {
    padding-top: 2em;
}

#frm_field_9_container,
#frm_field_12_container {
    margin-left: 2%;
}

.half-width {
    float: left;
    width: 49%;
}


/** web fonts */
.wf-active body,
.wf-active button,
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active input,
.wf-active label,
.wf-active textarea {
    font-family: "Open Sans", Arial, sans-serif;
}
.wf-active body {
    font-weight: 400;
}


/** print styles */
@media only print {
	
}