/*
 Theme Name:     Twenty Sixteen Child Theme
 Theme URI:      http://www.jpmktg.com
 Description:    Verns Plumbing Theme
 Author:         JP Marketing
 Author URI:     http://jpmktg.com/team/
 Template:       twentysixteen
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
body {
     background: white; 
}

body:not(.custom-background-image).admin-bar:before {
    display: none;
}

body:not(.custom-background-image):before {
    display: none;
}

h2,h3,h4 {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

h2.p1 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 100;
}

h3.p1{
    line-height: 28px;
    color: #4c9bdd;
    font-size: 20px;
    font-style: italic;
}


.site {
    margin:0;
}

.site-inner {
    margin-top: 50px;
}

.site-header {
   padding: 0px 7.6923% 0.01em 0px;
}

.site-header-menu {
    padding: 0px 0px 0px 7.6923%;
}

.site-branding {
    background: #fff;
    margin: 0px auto 0 0;
    //padding: 30px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.site-branding.desktop {
    display: none;
}

.site-branding img {
    //width: 150px;
    //height: auto;
}

.top-nav {
    background:#fff;
    padding: 0px 7.6923%;
}

.top-nav-content {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #515769;
    overflow: hidden;
    padding: 14px 0;
    margin: 0 auto;
    max-width: 1320px;
    position: relative;
}

.main-navigation li:first-child {
    border-top: none;
}

ul.contact {
    display: block;
    margin: 0;
    padding: 0;
}

ul.contact li:before {
    font-family: fontAwesome;
    margin-right: 8px;
    color: #006699;
}

ul.contact li {
    display: inline;
    margin-right: 18px;
    font-size: 13px;
}

ul.contact li:last-child {
    margin-right: 0px;
}

ul.contact .hours:before {
    content: "\f017";
}

ul.contact .phone:before {
    content: "\f095";
}

ul.contact .email:before {
    content: "\f003";
}

ul.contact li a {
    color: #515769;
}

ul.contact.desktop {
    display: none;
}

ul.social {
    margin: 0;
    padding: 0;
    display: none;
}

ul.social li {
    display: inline;
    margin-right: 10px;
}

ul.social li:last-child {
    margin-right: 0px;
}

.social li a {
    color: white;
    padding: 10px 8px;
}


/* = Page
------------------------------------------------------- */
.row {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.col1 {
    float: none;
    width: 100%;
}

.col2 {
    float: none;
    width: 100%;
}

.page-banner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#204171+0,1b499f+78 */
background: #204171; /* Old browsers */
background: -moz-linear-gradient(top, #204171 0%, #1b499f 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #204171 0%,#1b499f 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #204171 0%,#1b499f 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204171', endColorstr='#1b499f',GradientType=0 ); /* IE6-9 */ 	margin:0 auto;color:#fff;
    text-align: center;
    padding: 50px 20px;
    width: 100%;
}

.page-banner h1 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    letter-spacing: 2px;
    word-wrap: normal;
      -webkit-hyphens: none;
      -moz-hyphens: none;
       hyphens: none;
}

.breadcrumbs {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    text-align: center;
    color: #bbbec0;
    display: none;
}

.breadcrumbs a {
    color: #bbbec0;
}

section#subpages-widget-2 {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

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

.widget_subpages li {
    margin-bottom: 8px;
}

.experience-icon {
    border-radius: 50%;
	width: 100px;
	height: 100px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1b30+1,fbae31+100 */
background: #ed1b30; /* Old browsers */
background: -moz-linear-gradient(top, #ed1b30 1%, #fbae31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ed1b30 1%,#fbae31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ed1b30 1%,#fbae31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b30', endColorstr='#fbae31',GradientType=0 ); /* IE6-9 */	margin:0 auto;
	margin-bottom: 15px;
}

i.fa.fa-handshake-o {
    font-size: 48px;
    //width: 48px;
    margin: 26px 10px;
    color: white;
}

i.fa.fa-list-ul {
    font-size: 48px;
    //width: 48px;
    margin: 26px 16px;
    color: white;
}

i.fa.fa-building-o {
    font-size: 48px;
    width: 48px;
    margin: 26px 26px;
    color: white;
}

i.fa.fa-exclamation-circle {
    font-size: 48px;
    width: 48px;
    margin: 26px 26px;
    color: white;
}

.experience-head {
    text-align: center;
    padding: 10px 20px;
}

.experience-head h2 {
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 670px;
   
}

.experience-head p {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.experience-wrap {
    overflow: hidden;
    margin: 30px 0px;
}

.experience {
    text-align: center;
    padding: 10px 20px;
}

.experience h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.services {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1b30+1,fbae31+100 */
background: #ed1b30; /* Old browsers */
background: -moz-linear-gradient(top, #ed1b30 1%, #fbae31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ed1b30 1%,#fbae31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ed1b30 1%,#fbae31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b30', endColorstr='#fbae31',GradientType=0 ); /* IE6-9 */
border-top:10px solid #FBAE31;
}

.services-wrap {
    text-align: center;
    padding: 30px;
}

.services-wrap h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

i.fa.fa-wrench {
    font-size: 66px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

i.fa.fa-sun-o {
    font-size: 66px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

i.fa.fa-thumbs-o-up {
    font-size: 66px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

i.fa.fa-exchange {
    font-size: 66px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

i.fa.fa-tint {
    font-size: 66px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

a.service-item {
    display: block;
    margin-bottom: 20px;
}



.services-row1 {
    overflow:hidden;
}

.services-row2 {
    overflow:hidden;
    clear: both;
}

.service-item h4 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.service-item p {
    color: #fff;
}

.service-item li {
    color: #fff;text-transform:capitalize;
}
.videos {
    text-align: center;
    padding: 30px;
    overflow: hidden;
}

.videos h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.videos h3 {
    line-height: 24px;
}

.vid {
    margin: 30px 0px;
}

.btn {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    background: #4c9bdd;
    color: white;
    padding: 10px 10px;
    display: block;
    border-radius: 32px;
    margin: 0 auto;
    cursor: pointer;
    clear: both;
    max-width: 300px;
}

.btn:hover {
    background:#4187c1;
    color: white;
}

.banner-txt {
    text-align: center;
}

/* = Footer
------------------------------------------------------- */
.testimonials-wrap {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#204171+0,1b499f+78 */
background: #204171; /* Old browsers */
background: -moz-linear-gradient(top, #204171 0%, #1b499f 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #204171 0%,#1b499f 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #204171 0%,#1b499f 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204171', endColorstr='#1b499f',GradientType=0 ); /* IE6-9 */    font-family: Montserrat, "Helvetica Neue", sans-serif;
    text-align: center;
	border-top:10px solid  #1B499F;
}

.testimonials {
    padding: 30px 20px;
}

.fa-quote-left {
    font-size: 30px;
    color: #4c9bdd;
    margin-bottom: 15px;
}

.testimonials h3 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    font-size: 1.5em;
}

.testimonials p {
    color: #aeafb6;
    margin-bottom: 20px;
}

.testimonial {
    padding: 10px 0px;
}

.testimonial cite {
    color: #4c9bdd;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 2px;
}

.footer-wrap {
    background:#292a2e;
}

ul.social-footer {
    margin: 0;
    padding: 0;
}

ul.social-footer li {
    display: inline;
    margin-right: 10px;
}

ul.social-footer li:last-child {
    margin-right: 0px;
}

.social-footer li a {
    color: white;
    padding: 10px 8px;
}

footer {
    padding: 30px 20px;
}

.footer-wrap {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    color: #adaeb2;
    padding: 30px 0px;
}

.footer-info {
   margin-bottom: 30px; 
}

.footer-info img {
    width: 50%;
    max-width: 170px;
    margin-bottom: 20px;
}

.footer-info address {
    font-style: inherit;
}

.footer-info a {
    color: #4c9bdd;
}

.footer-hours {
    margin-bottom: 30px;    
}

.footer-hours h3 {
    color: white;
    text-transform: uppercase;
}

.footer-coupon {
    text-align: center;
    border: 2px dashed #424347;
    display: block;
}

.footer-coupon:hover {
    background:#303135;
}

.footer-coupon p {
    margin: 0;
    padding: 30px;
}

.coupon-txt {
    text-transform: uppercase;
    color: white;
    font-size: 22px;
    line-height: 30px;
}

.coupon-subtxt {
    text-transform: uppercase;
    color: white;
}

.percent {
    color: #4c9bdd;
    font-size: 54px;
    line-height: 45px;
}

.footer-copyright {
    text-align: center;
    background:#1c1b20;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    color: #b0b1b3;
    padding:40px 0px;
}

.footer-copyright p {
    margin-bottom: 0px;
}

/* = Media Queries
------------------------------------------------------- */
@media screen and (min-width: 44.375em){
    body:not(.custom-background-image):after {
        bottom: inherit;
    }
    h2.p1 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 100;
    }
    .top-nav{
        padding: 0px 7.6923%;
    }
    .top-nav-content {
        font-size: 12px;
        text-transform: none;
    }
    ul.contact {
        display: none;
        float: right;
    }
    ul.contact li {
        font-size: 12px;
    }
    ul.social {
        float: right;
    }
    ul.social {
        display: block;
    }
    ul.contact.desktop {
        display: block;
    }
    .testimonials {
        overflow: hidden;
        margin: 0 auto;
        max-width: 1320px;
        position: relative;
    }
    .testimonial {
        float: left;
        width: 33%;
        padding: 10px 10px;
    }
    .experience {
        width: 33%;
        float: left;
    }
    .services-row1 {
        overflow: hidden;
    }
    a.service-item {
        display: block;
        border-bottom: none;
        margin-bottom: 0px;
        padding: 20px 30px;
        width: 33%;
        float: left;
    }
    .service-item.border {
        border-left: 1px solid #FBAE31;
        border-right: 1px solid #FBAE31;
    }
    .vid {
        width: 33%;
        float: left;
        padding: 10px;
    }
    footer {
        overflow:hidden;
        margin: 0 auto;
        max-width: 1320px;
        position: relative;
    }
    .footer-info {
        float: left;
        width: 33%;
        padding: 10px 10px;
    }
    .footer-hours {
        float: left;
        width: 33%;
        padding: 10px 10px;
    }
    .footer-coupon {
        float: left;
        width: 33%;
        padding: 10px 10px;
    }
    .breadcrumbs {
        font-family: Montserrat, "Helvetica Neue", sans-serif;
        font-size: 14px;
        text-align: center;
        color: #bbbec0;
        display: block;
    }
    
}


@media screen and (min-width: 56.875em){
    .top-nav {
        padding-right: 4.5455%;
        padding-left: 2.5455%;
        margin-left: 210px;
    }
    .content-area.full {
        width: 100%;
    }
    .row {
        clear: both;
        overflow: hidden;
        width: 100%;
    }
    
    .col1 {
        float: left;
        width: 48%;
    }
    
    .col2 {
        float: right;
        width: 48%;
    }
    .site-branding {
        display: none;
        //width: 210px;
        //height: 119px;
    }
    .site-branding.desktop {
        display: block;
        //width: 210px;
        margin-bottom: -119px;
    }
    .site-header {
        padding: 0px 7.6923% 4.325em 7.6923%;
    }
    .site-header-menu {
        margin-top: 14px;
        position: absolute;
        right: 4%;
    }
    ul.contact {
        float: right;
    }
    ul.social {
        float: right;
    }
    .sub-menu li:first-child {
        border-top: 1px solid #d1d1d1;
    }
    .testimonial {
        float: left;
        width: 33%;
        padding: 10px 40px;
    }
    .services-wrap {
        margin: 0 auto;
        max-width: 1320px;
        position: relative;
    }
}

@media screen and (min-width: 61.5625em){
    .top-nav {
        padding-right: 4.5455%;
        padding-left: 2.5455%;
        margin-left: 210px;
    }
    .top-nav-content {
        max-width: none;
    }
    .page-banner h1 {
        font-size: 2.25rem;
    }
    h2.p1 {
        font-size: 21px;
        line-height: 34px;
        font-weight: bold;
    }
    h3.p1 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 35px;
    }
    .services-wrap {
        padding: 80px 0px;
    }
    .experience-head h2 {
        font-size: 28px;
        font-weight: 100;
        line-height: 35px;
    }
    .experience-head p {
        margin-bottom: 50px;
    }
    .experience-wrap {
        margin-top: 60px;
    }
    .videos h3 {
        font-weight: 100;
    }
}

.current_page_item, .current-menu-item {color:#1B499F !important;}