/* General Styles */
body{font-size:18px;line-height:1.5;background-image: url(/images/woodenpanel-bg.jpg);background-size: 100% auto;background-attachment: fixed;}

.btn{background: #9BCBE6;border-radius:100px;color:#064789;white-space: normal !important;word-wrap: break-word !important;}

.btn:hover, .btn:focus{background-color:#9BCBE6;color:#fff}

a{color:#064789}

h1, h2, h3, h4, h5, h6 {color:#064789}

.shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(51,51,51,0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(51,51,51,0.5);
    box-shadow: 0px 2px 5px 0px rgba(51,51,51,0.5);
}

button{margin-top:10px}

/* Header */
.top-bar{padding:20px;background-color:#064789;color:#fff;float:left}
.top-bar a{color:#000}
.top-bar a:hover, .top-bar a:focus{color:#fff;text-decoration:none}
.serving{font-size:0.75em;font-weight:700;float:left}
.buttons{float:right}
@media screen and (max-width: 768px) {
    .serving{margin-bottom:10px}
    .buttons{float:left;}
    .buttons a{margin-top:5px}
}

.navbar{background-color:#fff}
.navbar img{max-width:300px;height:auto}
.navbar-toggler{color:#9BCBE6;font-size:2em;border:2px solid #9BCBE6}
.navbar-nav{float:right}
.nav-item a{font-size:0.875em;color:#064789;font-weight:700;padding-bottom:3px;margin-right:5px;margin-left:5px}
.nav-item a:hover, .nav-item a:focus{border-bottom:3px solid #9BCBE6}
.active{border-bottom:3px solid #9BCBE6}
.active:hover, .active:focus{border-bottom:transparent}


@media screen and (max-width: 768px) {
    .navbar-nav{float:left;width:100%;border-top:2px solid #9BCBE6}
    .nav-item a{font-size:1.25em;padding-bottom:7px}
    .nav-item a:hover, .nav-item a:focus{border-bottom:transparent}
    .active{border-bottom:transparent}
}

@media screen and (max-width: 480px) {
    .navbar img{max-width:200px;height:auto}
    .navbar-toggler{font-size:1.5em}
}

/* Banner */
.banner{margin-top:60px;margin-bottom:60px;padding-top:150px;padding-bottom:150px;background-color:#064789;background-image:url(/images/banner.jpg);background-size:100%;background-position:center;background-repeat: no-repeat}
.banner-content{color:#fff;width:60%;padding-left:20px}
.banner-content h1{color:#fff}
.banner-content p{margin-top:20px;margin-bottom:20px;font-size:1.25em}
.banner .btn{background-color:#064789;color:#fff;}

@media screen and (max-width: 768px) {
    .banner{background-size:150%}
}

@media screen and (max-width: 480px) {
    .banner{background-image:none}
    .banner-content{width:100%;padding-left:20px;padding-right:20px}
    .banner-content p{font-size:1em}
}

/* About Section */
.about{background-color:#fff;padding:20px 20px 60px 20px;margin-bottom:60px;text-align: center}
.about h2{margin-top:60px;margin-bottom:20px;padding-bottom:20px;border-bottom:6px solid #9BCBE6}
.about .section{padding:40px}
.section img{margin:auto;width:50px;height:auto}

@media screen and (max-width: 480px) {
    .about .section{padding:20px}
}

/* Service Section */
.service{background-color:#064789;color:#fff;padding:20px 20px 60px 20px;margin-bottom:60px}
.service h2{color:#fff;margin-top:60px;padding-bottom:20px}
.service h3{color:#fff}
.service h4{color:#fff}
.service .section{padding:20px 40px 20px 40px;margin-top:40px;border-top:10px solid #9BCBE6}
@media screen and (max-width: 768px) {
    .service .section{padding:20px 40px 40px 40px;margin-top:20px;}
}

@media screen and (max-width: 320px) {
    .service .section{padding:15px;margin-top:20px;}
}


/* Testimonials Section */
.testimonial{background-color:#fff;padding:20px 20px 60px 20px;margin-bottom:60px;background-image:url(/images/snowflake-transparent.svg);background-repeat: no-repeat;background-size:80%;background-position: calc(100% - 400px) calc(100% - -100px);}
.testimonial h2{margin-top:60px;margin-bottom:20px;padding-bottom:20px;border-bottom:6px solid #9BCBE6}
.quotation{font-size: 1.25em; quotes: "\201C""\201D""\2018""\2019";padding: 10px 20px;}
.quotation:before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: -10px;
    position: relative;
    top: 20px;
    color: #ccc;
    font-size: 3em;}
.quotation::after {
    content: close-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: 10px;
    position: relative;
    top: 25px;
    color: #ccc;
    font-size: 3em;}
em {font-size: 1.25em;}
.work-blue{text-align:center;background-color:#064789;color:#fff;padding:40px;margin-bottom:20px;font-size:1.25em}
.work-blue a{color:#fff}
.work-blue .btn-block{margin-bottom:-10px}
@media screen and (max-width: 768px) {
    .testimonial {background-size:150%;background-position: calc(100% - 100px) calc(100% - -100px);}
    .work-blue{padding:20px 10px 20px 10px}
}

@media screen and (max-width: 480px) {
    .testimonial {background-size:200%;background-position: calc(100% - 10px) calc(100% - -100px);}
    .work-blue{padding:20px;margin-top:40px;text-align:left}
}

/* Footer */
footer{background-color:#fff;padding:20px;}
footer .servs{border-left:5px solid #9BCBE6}
footer i{margin-top:20px}

@media screen and (max-width: 768px) {
    footer .servs{border-left:none} 
}

@media screen and (max-width: 320px) {
    footer .alist{margin-top:10px} 
}

/* Additional Pages */
.white{background-color:#fff;padding:20px 20px 60px 20px;margin-top:40px;margin-bottom:60px}
.white p{font-size:20px}
.entry-header{padding:20px 20px 30px 20px;border-bottom:5px solid #9BCBE6;}
.content-header{font-size:1.5em}
.white h2{margin-bottom:20px}

.blue{background-color:#064789;padding:20px 20px 60px 20px;margin-bottom:20px;color:#fff}
.blue a{color:#fff;text-decoration:none}

.sidebar{background-color:#064789;color:#fff;padding:20px;margin-bottom:20px;}
.sidebar em{font-size:18px;}
.sidebar .btn{margin-top:7px}
.sidebar li{border-bottom:1px solid #9BCBE6;}
.sidebar li a{display:block;padding:10px 10px 10px 10px;color:#fff}
.sidebar li a:hover, .sidebar li a:focus{background-color:#9BCBE6;color:#fff;text-decoration:none}

.sidebar li.active{border-bottom:1px solid #9BCBE6;background-color:#9BCBE6}

.sidebar a{color:#fff;}

.larger-text{text-align:center;font-size:22px}
.larger-text p{margin-top:15px}

.test-page .quotation{border:1px solid #ccc;margin-top:10px;padding:20px;border-radius:20px;float:left;clear:both;width:100%}
.test-page img{float:right;clear:both;margin-top:-17px;margin-right:70px}
.test-page em{float:right;clear:both;padding-right:40px}

.trane img{max-height:425px;width:auto}
.trane .figure-caption{color:#064789;font-size:1em;font-weight:700;text-align:center;margin-bottom:10px}