/*
Theme Name: Navien Boiler Services
Theme URI: https://appleorangemarketing.com/
Author: https://appleorangemarketing.com/
Author URI: https://appleorangemarketing.com/
Description: custom theme for the site Navien Boiler Services
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: navien-boiler-services
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Navien Boiler Services is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.home-slide h1 {
    font-size: 60px;
    font-family: open sans condensed;
    margin: 0;
}

.danger {
    color: red;
    text-transform: uppercase;
    display: block;
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 6px;
}

.phone {
    display: block;
    /*    font-size: 34px;*/
    line-height: 18px;
}

.bluebg {
    background-color: #093479;
    color: white;
}

.orangebg {
    background-color: #f68c1f;
    color: white;
}

.greybg {
    background-color: #ededed;
    color: black;
}

a.tnav:link,
a.tnav:active,
a.tnav:visited {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;
    border-bottom: solid 5px #093479;
}

a.tnav:hover {
    background: transparent;
    border-bottom: solid 5px #5184d6;
}

section,
footer {
    overflow: auto;
}

.home-slide {
    padding: 50px 0 0 0;
    color: white;
}

a.orangebtn:link,
a.orangebtn:active,
a.orangebtn:visited {
    background-color: #f8981d;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
}

.hvr-rectangle-out {
    background-color: #ffc881;
}

.btn_lg {
    font-size: 24px;
}

.btn_sm {
    font-size: 14px;
}

.featuredbx {
    margin: 50px auto;
}

.featuredbx img {
    width: 100%;
}

.navienbanner {
    margin: 100px auto;
}

.navienbanner img {
    display: block;
    margin: 0 auto;
}

.footerlogo {
    display: block;
    width: 100%;
}

#foot-nav li {
    display: block;
    text-align: left;
}

.footertop {
    padding: 50px 0;
}

.checklist ul {
    list-style-image: url('/library/images/checkmark.jpg');
}

.footerright {
    margin-top: 30px;
}

@charset "UTF-8";

/* CSS Document */


/* STANDARD STYLES USED THROUGHOUT THE CODING WITHIN THIS FRAMEWORK, THERE IS NO NEED TO TOUCH THESE STYLES */

html,
body,
header,
nav,
footer,
img,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
b,
i,
p,
a {
    margin: 0px;
    padding: 0px;
    border: none;
}

body {
    background-color: #fafafa;
    color: #31498e;
}

.slicknav_menu {
    display: none;
}

.slide-parallax {
    min-height: 600px;
    background: transparent
}

.pwrap {
    min-width: 300px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.table {
    display: table;
    width: 100%;
}

.row {
    display: table-row;
    width: 100%;
}

.col {
    display: table-column;
}

.cell {
    display: table-cell;
}

.sticky {
    position: fixed;
    top: 0px;
}

.column75 {
    width: 75%;
    float: left;
}

.column50 {
    width: 50%;
    float: left;
}

.column25 {
    width: 25%;
    float: left;
}

.seoTargeting {
    padding-top: 25px;
}


/* START - EDIT STYLES HERE - DESKTOP VERSION */


/* SET BODY FONT AND SIZE FOR SITE */

body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}


/* HEADER & LOGO */

header {
    width: 100%;
}

.headerblockfix {}


/* Fixes Sticky Nav Jump */

#logo {
    float: left;
}


/* HTAGS - STANDARD STYLES */

h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    padding: 0px;
}

h1 {
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 60px;
    font-weight: normal;
    line-height: 145px;
}

h2 {
    line-height: 72px;
    font-weight: 900;
    font-weight: 48px;
    font-family: 'Open Sans', sans-serif;
}

h3 {
    font-size: 28px;
    line-height: 140px;
}

h4 {}

h5 {
    font-size: 24px;
    font-weight: bold;
}

h6 {
    font-size: 18px;
    font-weight: bold;
}


/* MAIN TOP NAV */

nav {
    width: 100%;
    display: block;
    text-align: right;
    padding: 10px 0px 10px 0px;
}

a.tnav:link,
a.tnav:active,
a.tnav:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    margin: 10px;
    text-align: center;
    display: block;
    text-transform: capitalize;
}

a.tnav:hover {
    background-color: #6f86cb;
}

a.tnav img {
    display: block;
    margin: 0 auto;
    width: 50px;
}


/* NAV MENU LIST */

#navmenu {
    display: block;
}

#menu-main-menu {
    display: block;
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

#menu-main-menu li {
    display: inline-block;
    padding: 0px;
    border-spacing: 0px;
    vertical-align: middle;
    /* margin: 0 15px; */
}

#menu-main-menu li:hover {
    background-color: #ff0000;
}

#menu-main-menu li:hover ul.spages {
    display: block;
}

#menu-main-menu li a {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 50px;
    margin: 10px;
    font-weight: 700;
    padding-top: 6px;
    display: block;
    border-bottom: solid 5px transparent;
}

#menu-main-menu li a:hover {
    text-decoration: none;
    background: transparent;
    border-bottom-color: #5184d6!important;
}

.topnavbg {
    padding: 0;
}


/* NAV SUB-PAGE DROP DOWN LIST */

#menu-main-menu li ul {
    width: 300px;
    background-color: #ff0000;
    position: absolute;
    margin: 0px 0px 0px -30px;
    display: none;
    padding: 0px;
    list-style: none;
    z-index: 111;
}

#menu-main-menu li:hover ul {
    display: block;
}

#menu-main-menu li ul li a:link {
    padding: 10px 0!important;
}

#menu-main-menu li ul li {
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
}

#menu-main-menu li ul li a:link,
#menu-main-menu li ul li a:active,
#menu-main-menu li ul li a:visited {
    width: 285px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    padding: 15px 0px 15px 15px;
    line-height: 20px;
}

#menu-main-menu li ul li a:hover {
    background-color: #ff0000;
    color: yellow;
    cursor: pointer;
    border: 0;
}

#menu-main-menu li ul li a {
    font-weight: 400;
    font-size: 18px!important;
    text-transform: capitalize!important;
    border: 0;
    padding: 10px 0!important;
}

#menu-main-menu li ul li ul {
    width: 300px;
    background-color: #4a73ed;
    position: absolute;
    margin: -50px 0px 0px 300px;
    display: none;
    padding: 0px;
    list-style: none;
}

#menu-main-menu li.current-menu-item {
    background-color: #ff0000;
}

#menu-main-menu li.current-menu-item a {
    text-decoration: none;
    background: transparent;
    border-bottom-color: #5184d6!important;
    border-bottom: solid 5px transparent;
}

#menu-main-menu li ul li:hover {
    background-color: #ff0000;
}

#menu-main-menu li ul li:hover ul.sspages {
    display: block;
}

#menu-main-menu li ul li ul li a:hover {
    background-color: #ffffff;
    color: #2546aa;
}

.btn_lg .elementor-button-link {
    font-size: 24px;
}

.featuredbx-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-testimonials-wrapper {
    overflow: inherit;
}

.cd-testimonials-wrapper .elementskit-single-testimonial-slider {
    margin-bottom: 0!important;
}

.cd-testimonials-wrapper {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}

body {
    font-size: 14px!important;
}

.service-heading {
    margin: 0 auto!important;
    width: 48%!important;
}

.call-text {
    width: 80%!important;
    margin: 22px auto;
}


/* FOOTER & FOOTER NAV */

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

#foot-nav {
    list-style: none;
    width: 100%;
    padding: 15px;
}

#foot-nav li {
    display: inline-block;
}

a.fnav:link,
a.fnav:active,
a.fnav:visited {
    color: white;
    text-decoration: none;
    font-size: 0.8em;
    padding: 10px;
    line-height: 30px;
}

a.fnav:hover {
    background-color: #f8981d;
    color: black;
}

.copywright {
    font-size: .6em;
    display: inline-block;
    text-transform: uppercase;
}

.designer {}

.designer a {}

.seoTargets a:link,
.seoTargets a:active,
.seoTargets a:visited {
    text-decoration: none;
    padding: 10px;
    margin: 2px;
    border: none;
    background-color: #a29e9b;
    color: white;
    display: inline-block;
}

.seoTargets a:hover {
    background-color: #f68c1f;
}


/* END - EDIT STYLES HERE - DEFAULT STYLES DESKTOP VERSION */


/* START - EDIT STYLES HERE - CUSTOM STYLES */

.danger {
    margin-bottom: 0!important;
}

.phone span {
    /*color: #333!important;*/
}

footer .elementor-column-gap-default {
    align-items: center;
}

.footer-section ul li a {
    color: white;
    text-decoration: none;
    font-size: 12px;
    padding: 10px;
    line-height: 30px;
}

.footer-section .ftr-phone span {
    color: #fff!important;
    font-size: 34px;
}

.footer-section ul li {
    margin-bottom: 10px;
}

.footer-section ul li:last-child {
    margin-bottom: 0;
}

.footer-section ul li a:hover {
    background-color: #f8981d;
    color: black;
}

.ftr-copyright-txt>div>div>div>div>div>div {
    font-size: 14px;
}

.footer-section .elementor-element-populated {
    padding: 0!important;
}


/*.footerright {
    margin-top: 0!important;
}*/

.ftr-right-logo .elementor-widget {
    margin-bottom: 0!important;
}

.footer-section {
    overflow: hidden;
    padding: 25px 0;
}

.ftr-left-menu,
.ftr-right-logo {
    width: 25%!important;
}

.ftr-middle-part {
    width: 50%!important;
}

.footerright .elementor-column-gap-default {
    margin: 0 auto;
    width: 60%;
}

.navi-btn a {
    background-color: #f8981d!important;
    display: inline-block;
    padding: 10px 20px!important;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
    position: relative;
    border-radius: 0!important;
    font-size: 14px!important;
    font-weight: 300!important;
}

.navi-btn a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navi-btn a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.navi-btn a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1!important;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


/* END- EDIT STYLES HERE - CUSTOM STYLES */


/* START - EDIT STYLES HERE - MOBILE VERSION */

@media only screen and (max-width: 600px) {
    .slicknav_menu {
        display: block;
        width: auto;
    }
    /*
    nav {
        display: none;
    }*/
    header b,
    header strong {
        display: none;
    }
    header .telephone {
        float: none;
        text-align: center;
        display: block;
        padding: 10px 0px 10px 0px;
    }
    #logo {
        float: none;
        width: 100%;
        margin: 0px;
    }
    .slide-parallax,
    #navmenu {
        display: none;
    }
    a.tnav img {
        display: inline-block;
        float: left;
        width: 25px;
        margin-right: 10px;
    }
    .img100 {
        width: 100%;
        float: none;
        margin: 0px;
    }
    h1 {
        font-size: 30px;
        line-height: 35px;
    }
    h3 {
        font-size: 28px;
        line-height: 35px;
    }
    h4 {}
    h5 {
        font-size: 24px;
        font-weight: bold;
    }
    h6 {
        font-size: 18px;
        font-weight: bold;
    }
    .slicknav_menutxt img {
        width: 70%;
        float: left;
    }
    .service-heading {
        width: 90% !important;
    }
}

@media only screen and (max-width: 768px) {
    .service-heading {
        width: 58% !important;
    }
}


/* END - EDIT STYLES HERE - MOBILE VERSION */

.cform {
    width: 100%;
    background-color: #093479;
    color: white;
    padding: 10px 20px;
}

.cform h1 {
    color: white;
    margin: 20px 0;
    padding-top: 20px;
}

.fldlbl,
.fldinput {
    display: block;
    line-height: 15px !important;
    height: 15px !important;
    width: 90%;
    margin: 0 auto;
    color: #fff !important;
    font-weight: 700 !important;
    margin-left: 0px !important;
}

.fldinput {
    height: 30px !important;
    color: #000 !important;
    padding: 0 5px !important;
}

.cform .yellowbtn,
.cform .yellowbtn:active,
.cform .yellowbtn:hover {
    display: block !important;
    background-color: yellow !important;
    line-height: 55px;
    height: 55px;
    width: 100%;
    text-decoration: none;
    color: black !important;
    margin-top: 20px;
    padding: 0px !important;
    font-size: 14px !important;
}

.serviceImg {
    margin: 10px;
    float: left;
}

a.redbtn:link,
a.redbtn:active,
a.redbtn:visited {
    border: solid 2px #d2001d;
    background-color: #d2001d;
    color: yellow;
    text-decoration: none;
    margin: 20px;
    padding: 10px;
    line-height: 30px;
}

a.redbtn:hover {
    background-color: yellow;
    color: #d2001d;
    border: solid 2px yellow;
}

.estimateleft {
    padding: 20px;
    font-size: 2em;
}

.navienlogo {
    margin-top: 25px;
}

.footerright .danger {
    color: #f8981d;
}

.designer a:link,
.designer a:active,
.designer a:visited {
    color: white;
}

.designer a:hover {
    color: #f8981d !important;
}

.fldlbl font {
    margin-left: 5px;
    color: #ff0000;
}

.fldtextarea {
    height: 175px !important;
}

.page-id-13 p strong {
    line-height: 40px;
}

p.p {
    padding: 0 0 10px 0px;
}

@media only screen and (max-width: 800px) {
    .navienlogo {
        display: block;
        margin: 40px auto;
    }
    /* #menu-main-menu {
        display: none;
    } */
    .column50,
    .column75,
    .column25 {
        width: 100%;
        float: none;
    }
    .estimateleft {
        font-size: 1.5em;
    }
    .slicknav_menu .slicknav_menutxt {
        color: white !important;
        font-size: 2em;
    }
    .home-slide img {
        display: block;
        margin: 20px auto;
    }
    .home-slide h2 {
        text-align: center;
    }
    .btn_lg {
        text-align: center;
    }
    .ftr-left-menu,
    .ftr-right-logo {
        width: 100% !important;
    }
    .ftr-left-menu #menu-footer-menu {
        list-style: none;
        padding: 0 25px;
    }
    .ftr-middle-part {
        width: 100%!important;
    }
}