
@charset "utf-8";
/* CSS Document */


body:before
{
content: "";
position: fixed;
top: -10px;
left: 0px;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0px 1px 10px #333;
-moz-box-shadow: 0px 1px 10px #333;
box-shadow: 0px 1px 10px #333;
z-index:10000;
}

html, body{
overflow-x:hidden;
}

.col-xs-align-bottom,
.col-xs-align-middle,
.col-sm-align-bottom,
.col-sm-align-middle,
.col-md-align-bottom,
.col-md-align-middle{
display:table;
table-layout:fixed;
width:100% !important;
padding-left:15px;
padding-right:15px;
box-sizing:content-box;
}

.col-xs-align-bottom *[class*='col-xs-'],
.col-sm-align-bottom *[class*='col-sm-'],
.col-md-align-bottom *[class*='col-md-']{
display:table-cell;
vertical-align:bottom;
float:none;
table-layout:fixed;
}

.col-xs-align-middle *[class*='col-xs-'],
.col-sm-align-middle *[class*='col-sm-'],
.col-md-align-middle *[class*='col-md-']{
display:table-cell;
vertical-align:middle;
float:none;
}



/**
 * Header Styling
**/


.site-header{
position:relative;
z-index:2000;
background:#FFFFFF;
}

.header-top{
padding-top:15px;
padding-bottom:20px;
}

.header-right-container{
text-align:right;
}

.header-center-container{
text-align:center;
}

.header-logo{
display:block;
margin:auto;
max-width:100%;
}

.header-phone-number,
.header-email-address{
font-weight:700;
font-size:20px;
margin-bottom:0px;
}

.header-phone-number a,
.header-email-address a{
color:#1F1C1A;
}

.header-phone-number a:hover,
.header-email-address a:hover{
text-decoration:none;
}

.header-phone-number span,
.header-email-address span{
color:#2a933b;
font-size:24px;
vertical-align:middle;
margin-top:-3px;
}

.header-email-address span{
margin-top:-7px;
}

.header-nav-buttons{
display:none !important;
}

.header-nav-container{
text-align:center;
font-weight:700;
background:#2a933b;
position:relative;
}

.header-nav-container:before{
content:"";
width:100%;
height:12px;
position:absolute;
top:-12px;
left:0;
background-image:url(../images/grass-no-shadow.png);
background-position:center center;
background-repeat:repeat-x;
}

.header-nav-container .mobile-nav-button{
display:none;
}

.header-nav ul{
margin:0px;
list-style-type:none;
}

.header-nav>ul>li{
display:inline-block;
position:relative;
perspective: 1500px;
}

.header-nav>ul>li>a{
display:block;
padding:10px 20px;
margin-bottom:5px;
transition:all .2s;
-webkit-transition:all .2s;
background-position:top center;
color:rgba(0,0,0,.3);
text-transform:uppercase;
}

.header-nav>ul>li:hover>a{
text-decoration:none;
background:url(../images/nav-paw-print.png);
background-position:center center;
background-repeat:no-repeat;
color:#FFFFFF;
}

.header-nav>ul>li>ul{
position:absolute;
left:50%;
transform:translateX(-50%) rotateX(-90deg);
-webkit-transform:translateX(-50%) rotateX(-90deg);
-ms-transform:translateX(-50%) rotateX(-90deg);
transform-origin:top center;
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background:#2a933b;
border:2px solid rgba(0,0,0,.15);
width:250px;
-webkit-transition: all 500ms cubic-bezier(0.310, 1, 0.570, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.310, 1.560, 0.570, 1.650); 
-moz-transition: all 500ms cubic-bezier(0.310, 1.560, 0.570, 1.650); 
-o-transition: all 500ms cubic-bezier(0.310, 1.560, 0.570, 1.650); 
transition: all 500ms cubic-bezier(0.310, 1.560, 0.570, 1.650); /* custom */
}

.header-nav>ul>li:hover>ul{
transform:translateX(-50%) rotateX(0deg);
-webkit-transform:translateX(-50%) rotateX(0deg);
-ms-transform:translateX(-50%) rotateX(0deg);
}

.header-nav>ul>li>ul>li>a,
.header-nav>ul>li>ul>li>ul>li>a{
display:block;
padding:7px 20px;
border-bottom:2px solid rgba(0,0,0,.15);
color:rgba(0,0,0,.3);
transition:all .2s;
-webkit-transition:all .2s;
}

.header-nav>ul>li>ul>li:hover>a,
.header-nav>ul>li>ul>li>ul>li:hover>a{
color:#FFFFFF;
text-decoration:none;
}

.header-nav>ul>li>ul>li:last-of-type>a,
.header-nav>ul>li>ul>li>ul>li:last-of-type>a{
border-bottom:none;
}

.header-nav>ul>li>ul>li.menu-item-has-children>a{
border-bottom:none;
}

.header-nav>ul>li>ul>li>ul{
background:rgba(0,0,0,.15);
position:relative;
}

.header-nav>ul>li>ul>li>ul:before{
content:"";
position:absolute;
top:-7px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
border:7px solid transparent;
border-top:none;
border-bottom-color:rgba(0,0,0,.15);
}




/**
 * Page Styling
**/



#page-content{
padding-top:50px;
padding-bottom:50px;
}



/**
 * Home Page Styling
**/


.vc_row.what-we-doo-row{
background-position:right -50px bottom 40px !important;
}



/**
 * Footer Styling
**/


.site-footer{
background:#2a933b;
color:#FFFFFF;
position:relative;
background-image:url(../images/footer-paw-print.png);
background-position:left -20px bottom -20px;
background-repeat:no-repeat;
padding-top:20px;
}

.site-footer:before{
content:"";
width:100%;
height:12px;
position:absolute;
top:-12px;
left:0;
background-image:url(../images/grass-no-shadow.png);
background-position:center center;
background-repeat:repeat-x;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer a,
.site-footer a:hover{
color:#FFFFFF;
}

.site-footer a:hover{
text-decoration:underline;
}

.site-footer .widget-container{
text-align:center;
list-style-type:none;
margin:0px;
}

.site-footer .widgettitle{
font-size:20px;
}

.site-footer .widget-container ul{
list-style-type:none;
margin:0px;
}



.footer-bottom{
padding-top:15px;
padding-bottom:15px;
}

small.copyright{
text-align:center;
display:block;
font-size:13px;
line-height:170%;
font-family:'Source Sans Pro', sans-serif;
}


/**
 * Custom Ninja Forms Styling
**/


.nf-response-msg:not(:empty){
position:relative;
background:#2a933b;
color:#FFFFFF;
overflow:hidden;
transition:transform .2s;
-webkit-transition:-webkit-transform .2s;
border-radius:5px;
margin-top:5px;
margin-bottom:5px;
padding:8px 15px;
}

.nf-response-msg p,
.nf-response-msg a,
.nf-response-msg h1,
.nf-response-msg h2,
.nf-response-msg h3,
.nf-response-msg h4,
.nf-response-msg h5,
.nf-response-msg h6{
color:#FFFFFF;
}

.nf-response-msg p:last-of-type{
margin-bottom:0px;
}
