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

body {
    font-family: 'freight-sans-pro', sans-serif;
}

.button-link {
    width: 220px;
    height: 45px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    background: #4795b1;
    color: #fff;
    display: inline-block;
    line-height: 45px;
    border-radius: 5px;
}

.button-link:hover {
    background-color: #257794;
}
.button-link:active {
    background-color: #1B6883;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* Clear floats */
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear{ clear: both; }

.masthead {
    margin-bottom: 20px;
}

@media screen and ( min-width: 640px ) {
    .logo a {
        display: block;
        height: 67px;
    }
    .logo {
        margin-bottom: 0;
    }
    .masthead {
        margin-bottom: 0;

        float: right;
    }
    .tagline {
        float: left;
    }
}

#nav {
    padding-top: 20px;

    border-top: 1px solid #000;
}
@media screen and ( min-width: 600px ) {

    .post-content .copy p {
        width: 80%;
    }
}

.intro {
    color: #4e5559;
}

.section-title, .post-title {
    color: #4e5559;
    border-bottom: 4px solid #4e5559;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.section-title a, .post-title a {
    color: #4e5559;
}


input[type=button], input[type=submit] {
    color: #fff;
    background: #4795b1;
    border-radius: 5px;
}

.post-title:hover {
    color: inherit;
}

.fitvid {
    border: 1px solid #fff;
    margin: 0;
}

ul#nav li {
    padding: 0 0 0 0;
    margin-right: 10px;
}

ul#nav li a {
    padding: 4px 20px;
    color: #4e5559;
    text-transform: none;
    font-weight: 600;
}

ul#nav li a:hover, #nav li.current-menu-item a {
    color: #fff;
    background-color: #4795b1;
    border-radius: 20px;
}

/*
 * Homepage
 */

.single-column .excerpt {
    margin: 1em;
    text-align: center;
}

@media screen and ( min-width: 600px ) {
    .single-column .excerpt {
        width: 650px;
        margin: 2em auto 1em;
    }
    .single-column .excerpt p {
        font-size: 21px;
    }    
}

.fit-vid {
  height: 0;
  padding-top: 0;
  padding-bottom: 57.25%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.four-column-widget .copy {
    text-align: left;
}

.four-column-widget .post-image {
    margin: 0;
}

.four-column-widget .copy .post-title {
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
    padding-left: 4px;
}

.four-column-widget .copy .post-title a {
    color: #4e5559;
}

.four-column-widget .copy .post-title a:hover {
    color: #4795b1;
}

.four-column-widget .copy .post-category {
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #4795b1;
    padding-left: 4px;
    padding-top: 2px;
    margin-bottom: 6px;
}
.four-column-widget .copy .post-category a {
    color: #4e5559;
    text-transform: uppercase;
}
.four-column-widget .copy .post-category a:hover {
    color: #4795b1;
}
.four-column-widget .copy .post-description p {
    font-size: 14px;
    padding-left: 4px;
    line-height: 1.4em;
}

.four-column-widget .copy-list .portfolio-image {
    margin: 0;
}


.four-column-widget .copy h3 {
    margin: 0;
}

.four-column-widget .post-title, .four-column .post-title {
    margin: 0;
    padding-bottom: 0;

    border-bottom: none;
    text-align: left;
}

.footer-text p {
    float: none;

    text-align: center;
    text-transform: uppercase;

    color: #A0A0A0;
}

#footer {
    padding-top: 0;
    border:none;
}

#footer a {
    color: inherit;
}

.four-column .post-image img {
    width: 100%;
    height: auto;
}

/*
 * Portfolio
 */
.page-template-portfolio-php .intro, .tax-portfolio-category .intro, .single-portfolio .intro {
    text-align: center;
}
@media screen and ( min-width: 600px ) {
    .page-template-portfolio-php .intro, .tax-portfolio-category .intro, .single-portfolio .intro {
        width: 650px;
        margin: 1em auto;
    }
    .page-template-portfolio-php .intro p, .tax-portfolio-category .intro p, .single-portfolio .intro p {
        font-size: 22px;
        line-height: 1.4em;
    }    
    .page-template-portfolio-php .intro p em, .tax-portfolio-category .intro p em, .single-portfolio .intro p em {
        font-size: 20px;
    }
}

.portfolio #category-column {
    margin-bottom: 10px;
}

.portfolio #category-column ul li {
    margin-bottom: 10px;
    padding-right: 11px;
}

.portfolio #category-column ul li a {
    color: #98bfcd;
    background-color: #4e5559;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1em;
    padding: 4px 20px;
    border-radius: 10px;
}

.portfolio #category-column ul li a.selected, .portfolio #category-column ul li a:hover {
    color: #fff;
    background-color: #4795b1;
}

.portfolio .post-title {
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
    padding-left: 4px;
}

.portfolio .post-title a {
    color: #4e5559;
}

.portfolio .post-title a:hover {
    color: #4795b1;
}

.portfolio .post-category {
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #4795b1;
    padding-left: 4px;
    padding-top: 2px;
    margin-bottom: 6px;
}
.portfolio .post-category a {
    color: #4e5559;
    text-transform: uppercase;
}
.portfolio .post-category a:hover {
    color: #4795b1;
}
.portfolio .post-description p {
    font-size: 14px;
    padding-left: 4px;
    line-height: 1.4em;
}

.portfolio-list .portfolio-image {
    margin: 0;
}
#portfolio-content h4 {
    color: #4e5559;
}

.double-column.portfolio.main .portfolio-list {
    overflow: hidden;
}

.see-all {
    margin-top: 20px;

    text-align: center;
}

/*
 * Awards 
 */

.page-template-awards-php .intro {
    text-align: center;
}

@media screen and ( min-width: 600px ) {
    .page-template-awards-php .intro {
        width: 550px;
        margin: 1em auto;
        margin-bottom: 60px;
    }
    .page-template-awards-php .intro p {
        padding: 0;
        margin: 0;
    }    
    .page-awards .intro p {
        font-size: 20px;
        line-height: 1.4em;
    }
}

.awards {
}

.awards li {
    min-height: 84px;

    padding-bottom: 20px;
    margin-bottom: 20px;

    clear: left;

    border-bottom: 1px solid #cccccc;
}
@media screen and ( min-width: 600px ) {
    .awards li {
        width: 47%;

        float: left;

        clear: none;
    }
    .awards li:nth-child(odd) {
        margin-right: 4%;

        clear: left;
    }
}
.awards li h3 {
    padding-left: 76px;
}
.awards li p {
    font-size: 14px;

    padding-left: 76px;
}
.awards li .award-title {
    text-transform: uppercase;
    font-weight: 600;
}

.awards .award-image-container {
    width: 62px;
    height: 84px;

    float: left;
    text-align: center;
}

.awards .award-image-container img {
    max-width: 100%;
    height: auto;
}

/*
 * Services
 */
.page-services .intro h3 {
    font-weight: 600;
    text-transform: uppercase;
}

.three-column div h3 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
    color: #4e5559;
}

.three-column div p {
    font-size: 14px;
    line-height: 1.4em;
}

.services h3 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
    color: #4e5559;
}
.services p {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 0;
}
.services .image-column {
    margin-top: 20px;
}
.services .image-column img {
    margin-bottom: 8px;
}
.services .service {
    margin-bottom: 20px;
}

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

    .three-column div {
        width: 30%;
        float: left;
    }
    .three-column div:nth-child(1) {
        margin-right: 5%;
    }
    .three-column div:nth-child(2) {
        margin-right: 5%;
    }
}
@media screen and ( min-width: 600px ) {

    .services .left-column p, .services .right-column p {
        width: 100%;
    }

    .services .left-column {
        width: 48%;
        margin-right: 2%;

        float: left;
    }
    .services .right-column {
        width: 48%;
        margin-left: 2%;

        float: left;
    }
    .services .image-column {
        margin-top: 0;
        clear: left;
    }
    .services .image-column img {
        width: 24%;
        margin-top: 20px;
        margin-right: 1%;

        float: left;
    }
}
@media screen and ( min-width: 740px ) {
    .services .left-column {
        width: 400px;

        margin: 0 50px 0 0;
    }
    .services .right-column {
        width: 250px;

        margin: 0;
    }
}

@media screen and ( min-width: 1024px ) {
    .services .left-column {
        width: 200px;
    }
    .services .image-column {
        width: 180px;

        margin-left: 10px;

        float: right;
        clear: none;
    }
    .services .image-column img {
        width: 100%;

        float: none;
        margin: 0 0 8px 0;
    }
}

/*
 * About
 */

.page-about .intro {
    text-align: center;
}
@media screen and ( min-width: 600px ) {
    .page-about .intro {
        width: 550px;
        margin: 1em auto;
        margin-bottom: 60px;
    }
    .page-about .intro p {
        font-size: 20px;
        line-height: 1.4em;
    }
}

.about-image-container {
    display: none;
}
@media screen and ( min-width: 600px ) {
    .about-image-container {
        width: 100%;
        display: block;
    }

    .about-image-container img {
        width: 19%;
        float: left;
        margin-right: 1%;
        margin-bottom: 20px;
    }
}

/*
 * Contact
 */
.page-contact .intro {
    text-align: center;
}
@media screen and ( min-width: 600px ) {
    .page-contact .intro {
        width: 550px;
        margin: 1em auto;
    }
    .page-contact .intro p {
        font-size: 20px;
        line-height: 1.4em;
    }    
}
.wpcf7 {
    width: 100%;
    max-width: 450px;

    float: left;
}

input.wpcf7-text, textarea.wpcf7-textarea {
    color: #000;
    background-color: #dbe6eb;
    border-radius: 3px;
}

.contact-sidebar {
    width: 330px;

    float: right;
}

.contact-sidebar p {
    margin-bottom: 0;
}
.contact-sidebar p.phone {
    margin-top: 1em;
}

span.wpcf7-not-valid-tip {
    width: auto !important;
    top: -34px !important;
    left: auto !important;
    right: 0 !important;
    border: none !important;
    background-color: transparent !important;
    color: #ff6c6c !important;
    padding: 6px !important;
}