@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

Dark Blue: #003f70
Light Grey Backgrounds: #f6f6f6
Blue: #0071a3 - for hover's and links

*************************************************/
/*********************
GENERAL STYLES
*********************/
body{
font-family: 'Lato', Arial, sans-serif;
font-size: 1.1rem;
}

.row{max-width: 85rem;}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child){
float: left;
}

.center{text-align: center;}
.clear{clear: both;}

hr{
width: 100%;
max-width: 100%;
}

.grey-bg{
background: #f6f6f6;
padding: 3em 0;
}
.blue-bg{
background: #003f70;
color: #fff;
padding: 3em 0;
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a {color: #0071a3}
a:hover {color: #000}

.button{
background: #003f70;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-size: 1.1rem;
line-height: 1;
font-weight: 400;
padding: 0.7rem 2rem 0.75rem 2rem;
}

.button.large{
font-size: 1.4rem;
line-height: 0.9;
padding: 0.8rem 3rem 0.9rem 3rem;
}
.button.small{
font-size: 0.85rem;
font-weight: 600;
padding: 0.7rem 1rem 0.7rem 1rem;
}
.button:hover{
background: #0071a3;
}
.blue-bg .button{
background: #fff;
color: #003f70;
}
	.blue-bg .button:hover{
	background: #eee;
	color: #000;
	}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

h1{
font-family: 'Lato', Arial, sans-serif;
font-size: 3.5rem;
}
h1.page-title{
font-size: 2.2rem;
font-weight: 700;
}
h2{
font-family: 'Lato', Arial, sans-serif;
font-size: 2.1rem;
font-weight: 600;
line-height: 1.1;
}
h3{
font-family: 'Lato', Arial, sans-serif;
font-size: 1.75rem;
line-height: 1.25;
font-weight: 500;
}
h4{
font-family: 'Lato', Arial, sans-serif;
line-height: 1.3;
font-weight: 500;
}
h5{
font-family: 'Lato', Arial, sans-serif;
font-weight: 500;
}
p, ul, ol{
font-size: 1.15rem;
line-height: 1.4;
}

/* Small */
@media screen and (max-width: 40em) {
	h4{
	font-size: 1.45rem;
	font-weight: 700;
	}
}
/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

.header-area{
background: #e5e5e5;
padding: 0.5em 0;
}

.header-area .locations{
}
	.header-area .locations p{
	text-align: right;
	text-transform: uppercase;
	font-size: 1.25rem;
	margin-top: 1em;
	}
	.header-area .locations a{
	color: #003f70;
	font-weight: 700;
	}
	.header-area .locations a:hover{
	color: #000;
	}

/* Medium */
@media screen and (max-width: 64em) {
	.header-area .locations p{
	text-align: center;
	margin-bottom: 0.5em;
	}
}
/* Small */
@media screen and (max-width: 40em) {
	.header-area .locations p{
	font-size: 1rem;
	}
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

.top-bar, .top-bar ul{
background: #003f70;
}
.top-bar{
padding: 0 0.5rem;
}

.menu > li{
font-size: 1.15rem;
}

.menu > li > a{
color: #fff;
padding: 0.8rem 1rem 0.8rem 1rem;
}
.menu > li > a:hover{
background: #0071a3;
color: #fff;
}

.menu .active > a{
background: #0071a3;
color: #fff;
}

/* change dropdown arrow color */
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
border-color: #bbb transparent transparent;
}
.is-dropdown-submenu{
border: none;
}
.is-dropdown-submenu li{
font-size: 1rem;
}

/* Medium */
@media screen and (max-width: 64em) {
	.menu > li{
	font-size: 1rem;
	}
	.menu > li > a{
	padding: 0.5rem;
	}
}

/* Small */
@media screen and (max-width: 40em) {
	.menu > li{
	float: right;
	}
	.menu > li > a{
	color: #003f70;
	}
	.menu > li > a:hover{
	background: #003f70;
	}
}

#off-canvas{
}
	#off-canvas .menu > li{
	width: 100%;
	}
	#off-canvas .menu > li > a{
	width: 100%;
	}
	#off-canvas .menu > li > a:hover{
	background: #003f70;
	}

/*********************
POSTS & CONTENT STYLES
*********************/

/* Homepage */
#intro{
background: url('../images/intro-background.jpg') no-repeat center bottom #000;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
color: #fff;
padding: 26em 0 3em 0;
}
	#intro h1{
	font-size: 2.3rem;
	line-height: 1.2;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	margin-bottom: 0.35em;
	}
	#intro h4{
	font-size: 1.6rem;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 1.5em;
	}
	#intro .button{
	background: #003f70;
	border: 2px solid #fff;
	color: #fff;
	}
	#intro .button:hover{
	background: #fff; 
	color: #000;
	}

.service-box{
background: #fff;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
padding: 1em 1em;
margin: 1em 0;
}
	.service-box h3{
	font-size: 1.45rem;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 0.25rem 0;
	}
	.service-box p{
	font-size: 1rem;
	line-height: 1.4;
	color: #000;
	margin: 0 0 0.25rem 0;
	}
	a:hover .service-box{
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.9);
	box-shadow: 0 0 5px rgba(0,0,0,0.9);
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
	}

.feature-box{
background: #fff;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
padding: 1.5em 1.25em 1em 1.25em;
margin: 1em 0;
}
	.feature-box h3{
	font-size: 1.45rem;
	}
	.feature-box p{
	font-size: 1.06rem;
	}

.about-left{
background: url('../images/concrete-sidewalk.jpg') no-repeat center center #d4d4d4;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 3em;
min-height: 200px;
}
.about-right{
background: url('../images/concrete-texture.jpg') no-repeat center center #d4d4d4;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 3em;
}


#content #inner-content {
  padding: 2em 0rem; }
	
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
margin-top: 2.5rem;
}

.pagination li{
font-size: 1.2rem;
font-weight: 700;
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

.services-widget{

}
	.services-widget h4{
	background: #003f70;
	font-size: 1.4rem;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5rem 1.5rem;
	margin: 0;
	}
	.services-widget ul{
	border: 1px solid #003f70;
	list-style: none;
	margin: 0 0 1.25rem 0;
	padding: 0.15rem 0 0.45rem 0;
	}
	.services-widget ul li{
	display: block;
	font-size: 1.4rem;
	line-height: 1.8;
	}
	.services-widget ul li img{
	display: block;
	float: left;
	margin-right: 15px;
	}
	.services-widget ul li a{
	display: block;
	color: #000;
	padding: 0.6rem 1.45rem;
	}
	.services-widget ul li a:hover{
	background: #efefef;
	color: #003f70;
	}

.fivestars-widget{
background: #003f70;
color: #fff;
text-align: center;
padding: 1.5rem 1.2rem 0.35rem 1.2rem;
}
	.fivestars-widget .button{
	background: #fff;
	font-size: 0.95rem;
	color: #003f70;
	margin-top: 0.8em;
	}
	.fivestars-widget .button:hover{
	background: #eee;
	color: #000;
	}

/*********************
FOOTER STYLES
*********************/
.footer {
clear: both;
background: #003f70;
padding: 2em 0 1.5em 0;
margin-top: 1em;
}
	.footer h4{
	color: #fff;	
	}
	.footer p{
	color: #fff;
	}
	.footer a{
	color: #fff;
	text-decoration: underline;
	}
	.footer a:hover{
	color: #1c91c5;
	}

.subfooter{
background: #000;
}

.copyright{
color: #fff;
font-size: 0.9rem;
margin: 12px 0 13px 0;
}
	.copyright a{
	color: #fff;
	text-decoration: underline;
	}
	.copyright a:hover{
	color: #1c91c5;
	}

#menu-footer-menu{
text-align: right;
font-size: 0.9rem;
margin: 10px 0 13px 0;
}
#menu-footer-menu > li{
display: inline-block;
text-align: right;
font-size: 0.9rem;
padding: 0;
margin: 0;
}
	#menu-footer-menu > li > a{
	padding: 0 0.5rem;
	}
	#menu-footer-menu .active a{
	background: none;
	color: #fff;
	}
	#menu-footer-menu > li > a:hover{
	background: none;
	color: #1c91c5;
	}

/* Small */
@media screen and (max-width: 40em) {
	#menu-footer-menu,
	#menu-footer-menu > li,
	.copyright{
	text-align: center;
	}
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/

.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.gform_wrapper.gf_browser_gecko select{
padding: 2px 22px 2px 2px;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }