/*
    Theme Name:     Kentwood 2016
    Description:    Web Design for Kentwood Office Furniture.
    Author:         The Imagination Factory
    Author URI:     http://www.what-if.com
    Template:       IFICore2
    Version:        2.1

    ===== Table of Contents =====

    1. Basic Styles

    =============================
*/

/* =========== Home and About Page Comp Styles =========== */

/*
.landing-page-template {
    margin-top: -20px;
    position: relative;
}
*/


a.added_to_cart.wc-forward {
    margin-left: 8px;
}

/* Whatever this is supposed to be, it's attaching to an empty subhdrint and causing problems due to negative margins! */


.tpl_landing_page #content-wide.header-image-wide {
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.tpl_landing_page .subhdrint.container img {
    display: none;
    visibility: hidden;
}

/* .tpl_landing_page .landing-page-template {
    margin: 0;
    display: none;
    visibility: hidden;
} */

.tpl_landing_page .subhdrint.container {
    padding-top: 0px;
}

.tpl_landing_page #content-wide {
    background: #fff;
}

.tpl_landing_page #slideshow-wide {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tpl_landing_page #slideshow-wide,
.tpl_landing_page #slideshow-wide .sue-content-slider-arrows-yes,
.tpl_landing_page .sue-content-slider-pages-yes, 
.tpl_landing_page #slideshow-wide .sue-content-slider-arrows-hover, 
.tpl_landing_page #slideshow-wide .sue-content-slider-pages-hover {
    height: 800px;
}

.tpl_landing_page .sue-content-slider.tile-carousel,
.tpl_landing_page .sue-content-slider.tile-carousel .owl-height, 
.tpl_landing_page .sue-content-slider.tile-carousel .owl-carousel .owl-item {
    min-height: 250px !important;
}

@media screen and (max-width: 980px) {
    .tpl_landing_page .twocol-content .twocol-img-container {
        width: 100%;
        z-index: 2;
    }
    
    .tpl_landing_page .twocol-container .twocol_content_wrap,
    .tpl_landing_page .twocol-content .twocol-container {
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
        transform: none;
    }
    
    
    .tpl_landing_page .twocol-content .twocol-container .twocol_content_wrap {
        width: 80%;
    }
    
    /* .tpl_landing_page .twocol-content.light .twocol-container {
        background-color: rgba(235, 235, 235, 0.85);
    }
    
    .tpl_landing_page .twocol-content.dark .twocol-container {
        background-color: rgba(141, 198, 64, 0.85);
        color: #fff;
    } */
    
    .tpl_landing_page .staff-block {
        width: 31%;
    }
}

@media screen and (max-width: 750px) {
    
    .tpl_landing_page #content-wide.header-image-wide {
        height: 350px;
    }
    
    .tpl_landing_page .sue-content-slider.tile-carousel .tile,
    .tpl_landing_page .tile {
        min-height: calc(100vw - 120px);
    }
}

.tpl_landing_page .sue-content-slider.tile-carousel .tile-content {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
}

.tpl_landing_page .sue-content-slider.tile-carousel .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    height: 30px;
}

.tpl_landing_page .sue-content-slider.tile-carousel .owl-prev {
    left: 0px;
}

.tpl_landing_page img.header-image {
    margin-top: -35px;
}

.tpl_landing_page #content-wide.dark,
.tpl_landing_page #content-wide.dark h2,
.tpl_landing_page #cta-wide.dark,
.tpl_landing_page #cta-wide.dark h3 {
    color: #fff;
}

.tpl_landing_page #content-wide ul li {
    text-align: left;
}

.tpl_landing_page .dark .btn {
    background: #fff;
    color: #8DC63F;
}

.tpl_landing_page .dark .btn:hover {
    background: #666;
    color: #fff;
}

.tpl_landing_page #cta-wide.dark .btn {
    background: #fff;
    color: #8dc63f;
}

.tpl_landing_page .staff-blocks {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

.tpl_landing_page .staff-block {
    width: 23%;
    margin: 15px 1%;
    float: left;
    min-height: 300px;
    display: inline-block;
    position: relative
}

.tpl_landing_page .staff-block .img-wrap {
    height: 200px;
    width: 200px;
    float: none;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.tpl_landing_page .staff-block a.blocklink,
.tpl_landing_page .staff-block a.blocklink h3 {
    text-decoration: none;
    color: #8dc63f;
}

.tpl_landing_page .staff-block a.blocklink:hover,
.tpl_landing_page .staff-block a.blocklink:hover h3 {
    text-decoration: underline;
}

.sue-content-slider.tile-carousel .owl-prev:before, 
.sue-content-slider.tile-carousel .owl-next:before {
    width: 15px;
    height: 15px;
}

.sue-content-slider.tile-carousel .owl-next:before {
    border-top: 5px solid #666;
    border-right: 5px solid #666;
    left: 5px;
}

.sue-content-slider.tile-carousel .owl-prev:before {
    border-top: 5px solid #666;
    border-left: 5px solid #666;
}

.sue-content-slider.tile-carousel .owl-prev:hover:before, 
.sue-content-slider.tile-carousel .owl-next:hover:before {
    border-color: #8DC63F;
}




.tpl_landing_page #slideshow-wide .sue-content-slide .container-wide {
    height: 800px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    padding: .5em;
}

.tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h3,
.tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h4 {
    color: #fff;
    text-align: center;
}

.tpl_landing_page #content-wide,
.tpl_landing_page #tiles-wide {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tpl_landing_page #content-wide,
.tpl_landing_page #content-wide h1,
.tpl_landing_page #content-wide h2,
.tpl_landing_page #content-wide h3,
.tpl_landing_page #cta-wide,
.tpl_landing_page #cta-wide h1,
.tpl_landing_page #cta-wide h2,
.tpl_landing_page #cta-wide h3,
.tpl_landing_page #tiles-wide,
.tpl_landing_page #tiles-wide h1,
.tpl_landing_page #tiles-wide h2,
.tpl_landing_page #tiles-wide h3,
.tpl_landing_page #slideshow-wide,
.tpl_landing_page #slideshow-wide h1,
.tpl_landing_page #slideshow-wide h2,
.tpl_landing_page #slideshow-wide h3 {
    text-align: center;
}

.tpl_landing_page #cta-wide {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.tpl_landing_page #cta-wide h3 {
    margin-top: 0;
}

.tpl_landing_page #cta-wide.light {
    background: #f3f3f3;
}

/* Dark is way too bright and jarring, here are some other possible colors */
/* haven't found a good solution yet though so revisit please */

.tpl_landing_page #content-wide.dark {
    color: #fff;
    background: #8DC63F;
}

.tpl_landing_page #cta-wide.dark {
    background: #8DC63F;
    /* background: #8fa56d; */
    /* background: #94ba5a; */
    color: #fff;
    font-size: 20px;
}

.tpl_landing_page #content-wide.light {
    background: #F5F5F5;
}

.tpl_landing_page #cta-wide .btn {
    line-height: 1;
    font-size: 18px;
    padding: 16px 40px 16px 40px;
    text-transform: uppercase;
    text-align: center;
    background: #8DC63F;
    cursor: pointer;
}

.tpl_landing_page #cta-wide .btn:hover {
    background: #666;
    color: #FFF;
    cursor: pointer;
}

.tpl_landing_page #cta-wide {
    padding-left: 15px;
    padding-right: 15px;
}

.tpl_landing_page .center-button {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
}

.tpl_landing_page .center-button .btn {
    display: inline-block;
    line-height: 1;
    font-size: 18px;
    padding: 16px 40px 16px 40px;
    text-transform: uppercase;
    text-align: center;
    background: #666;
    cursor: pointer;
}

.tpl_landing_page .center-button .btn:hover {
    background: #8DC63F;
    color: #FFF;
    cursor: pointer;
}

.tpl_landing_page .block-content-wide {
    padding-top: 15px;
    padding-bottom: 15px;
}

.tpl_landing_page .no-bottom-padding {
    padding-bottom: 0 !important;
}

.tpl_landing_page .no-top-padding {
    padding-top: 0 !important;
}

.tpl_landing_page .no-padding {
    padding: 0 !important;
}

.tpl_landing_page #content-wide.twocol-content {
    margin: 0;
    padding: 0px;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

.tpl_landing_page .twocol-container {
    display: block;
    width: 50%;
    min-height: 500px;
    margin: 0;
    float: left;
    clear: none;
    position: relative;
}

.tpl_landing_page .twocol-container .twocol_content_wrap {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tpl_landing_page .twocol-img-container {
    min-height: 500px;
    width: 50%;
    margin: 0;
    float: left;
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    clear: none;
}

.tpl_landing_page .right .twocol-img-container {
    float: right;
}

.block-contact-form {
    padding-bottom: 20px;
}

.block-contact-form .hs-recaptcha {
    margin-left: auto;
    margin-right: auto;
}

.tiles-wide {
    padding-top: 30px;
    padding-bottom: 15px;
}
    
.tile-wrapper {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    /*
    padding-left: 40px;
    padding-right: 40px;
    */
    padding-left: 8px;
    padding-right: 8px;
}

.tile-wrapper .tile {
    padding: 15px;
    background-color: #f4f5f7;
    min-height: 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Text centering for some reason -- glitch or intent? Fixed for now */
#preheader {
    text-align: left;
}

/* Background Overlay - Will try to tailor images instead */
/*
.tile-wrapper .tile.has-background:before {
    content: '';
    background: rgba(255,255,255,0.85);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
*/

.tile-wrapper .tile img {
    margin-bottom: 0;
}

.tile-wrapper .tile.contain-icon img {
    margin-bottom: 0;
    width: 100%;
    height: auto;
    padding: 20px;
}

.tile-wrapper .tile.white-text {
    color: #fff !important;
}

.tile-wrapper .tile.white-text h3 {
    color: #fff !important;
}

.tile-wrapper .tile.green-title h3 {
    /* color: #99c455 !important; */
    color: #8DC63F !important;
}

.local-offices .tile-wrapper .tile {
    min-height: 400px;
}

.local-offices .tile-content {
    width: 70%;
}

.tile-content {
    position: absolute;
    width: 60%; /* ZJ Added */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tile-wrapper .tile.steps-adjust .tile-content {
    top: 40px;
    left: 0;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    transform: none !important;
}

.tile-content h3 {
    line-height: 1.35;
}

.open-btn {
    position: fixed;
    bottom: 150px;
    right: -170px;
    background: #8DC63F;
    color: #fff;
    padding: 20px;
    font-size: 26px;
    z-index: 11;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    transition: right 0.5s;
}

.open-btn a {
    color: #fff;
    text-decoration: none;
}

.open-btn:hover {
    right: 0;
}

.open-btn:before {
    content: '\f075';
    font-family: FontAwesome;
    color: #fff;
    margin-right: 20px;
}

/* =========== Woo OPC Overrides =========== */
.selected .wc-south {
    display: none;
    visibility: hidden;
}

.wcopc button {
    text-decoration: none;
    line-height: 36px;
    font-size: 1.2em;
    color: #FFF;
    border: none;
    font-weight: 500;
    background: #8DC63F;
    display: block;
    float: left;
    padding: 0 12px 0 12px;
}

.wcopc button:hover {
    background: #666;
}

.wcopc h3,
.wcopc .woocommerce-checkout-review-order,
.wcopc .shopnotice {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

.wcopc h3 {
    margin: 20px 1% 10px;
}

.wcopc .required, 
.wcopc .error {
    text-decoration: none;
}

.wcopc .form-row {
    display: block;
    float: left;
    width: 48%;
    margin: 5px 1%;
    min-height: 60px;
}

.wcopc #billing_address_2_field {
    margin-top: 29px;
}

.wcopc #order_comments_field {
    width: 100%;
}

.wcopc span.woocommerce-input-wrapper,
.wcopc span.woocommerce-input-wrapper textarea {
    width: 100%;
    display: block;
    float: left;
}

.wcopc span.woocommerce-input-wrapper textarea {
    min-height: 150px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    color: #555;
}

.wcopc #opc-product-selection {
    display: none;
    visibility: hidden;
}



input.input-text {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    color: #555;
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.opc_order_review th,
.opc_order_review tr {
    width: 35%;
    text-align: left;
}

.opc_order_review td {
    border: 1px solid #DDD;
    text-align: left;
}

.opc_order_review .product-quantity {
    display: inline-block;
    float: right;
    margin-left: 10px;
    width: 10%;
}

.woocommerce-shipping-totals,
.woocommerce-form-login-toggle {
    display: none;
    visibility: hidden;
}

.wcopc h3#ship-to-different-address {
    display: none;
    visibility: hidden;
}

#order_review .opc_cart_item td.product-name {
    padding: 30px;
}


/* ======= Cart Page ======= */

.quote #opc-product-selection,
.quote .opc_order_review,
.quote h3#order_review_heading,
.quote h3#ship-to-different-address,
.get-quote #opc-product-selection,
.get-quote .opc_order_review,
.get-quote h3#order_review_heading,
.get-quote h3#ship-to-different-address {
    display: none;
    visibility: hidden;
}

.quote #add_payment_method #payment div.form-row, 
.quote .woocommerce-cart #payment div.form-row, 
.quote .woocommerce-checkout #payment div.form-row
.get-quote #add_payment_method #payment div.form-row, 
.get-quote .woocommerce-cart #payment div.form-row, 
.get-quote .woocommerce-checkout #payment div.form-row {
    padding-left: 0px !important;
}

.quote .shopnotice,
.get-quote .shopnotice {
    padding: 5px 15px;
}

.quote .wcopc .create-account label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
.get-quote .wcopc .create-account label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: none !important;
    visibility: hidden !important;
}

.cart-product-id-15576,
.kwof-cart-hider-active {
    display: none !important;
    visibility: hidden;
}


#content .woocommerce-cart-form table.cart .product-remove {
	width: 60px;
}

#content .woocommerce-cart-form table.cart .product-thumbnail {
	width: 150px;
}

#content .woocommerce-cart-form table.cart .product-quantity {
	width: 100px;
}

.woocommerce-message a.button:first-of-type {
    display: none;
}

@media screen and (max-width: 750px) {
    
    /* need to adjust this on launch */
    .about-page-comp .text-adjust-mobile .tile-content {
        top: 35%;
    }
    
    .wcopc .form-row.place-order {
        width: 100%;
        text-align: center;
    }
    
    #content .woocommerce-cart-form table.cart .product-remove,
    #content .woocommerce-cart-form table.cart .product-thumbnail,
    #content .woocommerce-cart-form table.cart .product-quantity,
    #content .woocommerce-cart-form table.cart .product-name {
        display: inline-block !important;
        float: left;
        position: relative;
        clear: none;
    }
    
    #content .woocommerce-cart-form table.cart .product-remove {
        width: 10%;
    }

    #content .woocommerce-cart-form table.cart .product-thumbnail {
        width: 25%;
    }
    
    #content .woocommerce-cart-form table.cart .product-name {
        width: 39%;
    }

    #content .woocommerce-cart-form table.cart .product-quantity {
        width: 25%;
    }
}


/* =========== Home Page Newsletter Signup [12.21] =========== */

.tpl_home .hbspt-form .hs_company {
    display: none !important;
    visibility: hidden !important;
}


/* =========== HubSpot Contact Form Tweaks [4.21] =========== */

body .hs-form-iframe {
    width: 100% !important;
}

/* =========== Subsite Additions [02-2017] =========== */

.subheader-cta-wrap {
    padding-left: .5em;
    padding-right: .5em;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
}

.subheader-cta {
    background: rgba(0, 0, 0, .45);
    color: #fff;
    padding: .6em;
    font-size: 1.5em;
    line-height: 1.3;
    width: 28%;
    margin-left: 4%;
    margin-right: 4%;
    text-align: center;
    float: right;
}

.subheader-cta .btn {
    display: block;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: .8em;
    padding: .6em .5em .5em;
    line-height: 1;
    background: rgba(141, 198, 63, .7);
    margin-top: 10px;
}

.subheader-cta .btn:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: .5em;
    line-height: 1;
}

.location-projects .project-image img {
    margin: 0 !important;
}

.location-projects .project-image {
    height: auto;
}

.location-sidebar-cta {
    float: left;
}

.location-sidebar-cta,
.location-sidebar-cta img {
    width: 100%;
}

.staff-img {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    background-color: #eee;
}

.staff-member {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-top: 10px;
}

.staff-member .c5-6 {
    padding: 0 1em;
}

.staff-member .staff-name {
    font-size: 1.6em;
    margin-bottom: 5px;
    line-height: 1.2;
    margin-top: 5px;
}

.staff-member .job-title {
    color: #8DC63F;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.2;
}

.staff-member h5 {
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 22px;
    margin-bottom: 5px;
    color: #8DC63F;
}

.staff-member .btn-row {
    margin-top: 22px;
    margin-bottom: 22px;
}

.staff-member .btn-row .btn {
    min-width: 170px;
    margin-right: 10px;
    background: #999;
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px;
}

.staff-member .btn-row .btn i {
    margin-right: 10px;
}

.staff-member .btn-row .btn:hover {
    background: #8DC63F;
}

.staff-member:first-of-type {
    border-top: 1px solid #ccc;
}

.woocommerce ul#shipping_method li label[for=shipping_method_0_local_delivery] {
	font-size: 0 !important;
}

.woocommerce ul#shipping_method li label[for=shipping_method_0_local_delivery]:before {
	content: 'Quote This Order for Delivery';
	font-size: 16px !important;
}

/* =========== Removes Fancy Bullets in Shipping & Order Detail, Success/Error/Info Messages =========== */

.woocommerce .shipping ul li {
	background-image: none !important;
}

.woocommerce .woocommerce-order ul li,
.woocommerce .woocommerce-checkout-payment ul li {
	background-image: none !important;
}

.woocommerce .woocommerce-message ul li,
.woocommerce .woocommerce-error ul li, 
.woocommerce .woocommerce-info ul li {
	background-image: none !important;
}

.woocommerce ul li:before {
    content: '';
    padding: 0;
    display: none;
    visibility: hidden;
}

.tpl_home .products .product .add_to_cart_button {
    display: none !important;
    visibility: hidden !important;
}


/* =========== Location Project Tweaks [03-2018] =========== */

.location-projects .project-image {
    position: relative;
	padding-bottom: 68%;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
}

.location-projects .project-image img {
    margin: 0 !important;
	width: 100%;
	height: auto;
}

/* =========== More General Tweaks [11-2018] =========== */

#attachment_13101 {
	float: left;
	clear: both;
}

/* =========== 1. Basic Styles =========== */

.container {
    width: 1140px;
    min-width: 200px;
}

.tpl_1c #content {
    width: 100%;
}

.tpl_1c .breadcrumbs {
    display: none;
    visibility: hidden;
}

html.opacity {
    margin-top: 116px !important;
}

html, body {
    min-width: 0;
}

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    /* background: #EDEDED; */
    background: #fff;
}

body > img {
    display: none; /* This hides the tracking pixels. I know it looks spooky. */
}

mark {
    display: none;
    visibility: hidden;
    
    background: transparent !important;
    color: #8DC63F;
}

ol.flex-control-nav li:before {
    display: none;
    visibility: hidden;
}

.woocommerce div.product div.images img,
.woocommerce div.product div.images .flex-control-thumbs li {
    border: 4px solid #fff;
}

.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering {
    display: none;
    visibility: hidden;
}

.woocommerce .page-title {
    padding-left: 0 !important;
}

.-moz- body {
    font-weight: 300;
}

a {
    color: #8DC63F;
}

.accent1 {
    color: #8DC63F;
}

.entry #shipping_method li {
    background-image: none !important;
}

.entry td.product-thumbnail img {
    margin: 0 !important;
}

.cart_totals h2,
tr.order-total,
tr.cart-subtotal,
td.product-price,
td.product-subtotal,
th.product-price,
th.product-subtotal,
th.product-total,
tr.tax-rate,
tr.cart_item td.product-total,
.order_details tfoot {
    display: none;
    visibility: hidden;
}

.default .breadcrumbs,
.my-account .breadcrumbs,
.tpl_contact .breadcrumbs,
.tpl_location .breadcrumbs {
    display: none;
    visibility: hidden;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #666;
    font-weight: 500;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    color: #8DC63F;
}

.entry ul li {
    background-image: url(images/bullet-li.svg);
}

.entry ul li ul li {
    background-image: url(images/bullet-li-li.svg);
}

.entry .woocommerce .order_details li {
    background-image: none;
}

.entry img.align-center {
    margin: 0 auto;
}

body.products .entry .c1-2 {
    padding: 0 10px;
}

.paged-nav a,
.paged-nav .current {
    line-height: 1;
    padding: 10px 9px 8px;
    min-width: 30px;
    background: #aaa;
    border: 0;
    border-radius: 0;
    margin: 0;
    font-size: 1em;
}

.paged-nav .current {
    background: #eee;
}

.paged-nav a:hover {
    background: #8DC63F;
}

.postmetadata {
    font-size: 14px;
    color: #999;
    margin-top: 1em;
    clear: both;
}

.postmetadata a {}

.post hr {
    margin-bottom: 2em !important;
}

.post-title {
    line-height: 1.2;
}

.project-image {
    overflow: hidden;
    height: 200px;
}

.project-image img {
    width: 100%;
    height: auto;
}

.project-box {
    background: #eee;
    margin-bottom: 0;
}

.project-box h4 {
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.4;
    margin: 1em 0;
    font-weight: normal;
    min-height: 70px;
}

.project-box .link-bar {
    padding: .5em 1em;
    display: block;
    width: 100%;
    background: #aaa;
    text-transform: uppercase;
    color: #fff;
}

.project-box:hover .link-bar {
    background: #8DC63F;
}

a.no-underline {
    text-decoration: none;
}

.cl-right {
    text-align: right;
}

#project-text {
    padding-left: 1em;
}

#content .row {
    float: left;
    width: 100%;
}

#content .row .col a.no-underline {
    float: left;
}

.breadcrumbs.proj-bc {
    padding-left: 0;
    margin-top: 12px;
    margin-bottom: 6px;
}

/*

body {
    font-family: 'Poppins', sans-serif;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 14%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(14%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 14%);
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 14%);
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 14%);
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 14%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
}

body.tpl_home {
    background: #EDEDED;
}

*/

#content-container {
    /*
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 92%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(92%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 92%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 92%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    */
    
    background: #fff;
    margin-top: 1.8em;
    margin-bottom: 1.8em;
}

.tpl_home #content-container {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
}


.btn {
    border-radius: 0;
    box-shadow: none;
}

.-moz- .btn {
    font-weight: 500;
}

.btn:hover,
#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn:hover,
#sidebar .btn:hover {
    background: #8DC63F;
}

#slideshow-wide {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.3);
    box-shadow: 0px 0px 10px 0px rgba(161,161,161,0.3);
}

.full-slide {
    height: 500px;
    height: 90vh;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
}

#slideshow-wide .owl-prev, #slideshow-wide .owl-next {
    width: 30px;
    line-height: 80vh;
    color: #fff;
    text-shadow: 0 1px #666, 0 0 40px #888;
}

#slideshow-wide .owl-prev:hover, 
#slideshow-wide .owl-next:hover {
    color: #8DC63F;
}

/*
#menu-item-9065 a {
    font-size: 0px !important;
}

#menu-item-9065 a:before {
    content: '\f015';
    font-size: 16px !important;
    font-family: 'FontAwesome';
}
*/

/* =========== 2. Search Adjust =========== */

.search-form {
    display: inline-block;
    position: relative;
    min-width: 30px;
    max-width: 300px;
    width: 0%;
    height: 36px;
    float: right;
    overflow: hidden;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.search-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #f5f5f5;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0px 6px 0px 6px;
    font-size: 15px;
    color: #666;
}

.search-input::-webkit-input-placeholder,
.search-input:-moz-placeholder,
.search-input::-moz-placeholder,
.search-input:-ms-input-placeholder {
    color: #000000 !important;
}

.search-icon,
.search-submit {
    width: 30px;
    height: 36px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 16px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #888;
}

.search-submit {
    background: #8DC63F;
}

.search-container {
    width: 30px;
    margin: 0;
    position: relative;
    display: inline-block;
    float: left;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.search-open {
    width: 180px;
}

/* =========== */

.left-set {
    position: relative;
    float: right;
    display: inline-block;
}

.social-links {
    text-align: left;
    display: inline-block;
    float: left;
    padding: 0 4px;
}

.social-links a {
    font-size: 15px;
    color: #777;
    padding: 0 8px;
}

.social-links a:hover {
    color: #8DC63F;
}

.shopping-cart-btn {
    text-decoration: none;
    line-height: 36px;
    font-size: 15px;
    color: #555;
    background: #CECECE;
    display: inline-block;
    float: left;
    padding: 0 12px 0 12px;
}

.shopping-cart-btn:hover {
    color: #8DC63F;
}

.action-btn {
    text-transform: uppercase;
    background: #999;
    color: #fff;
    padding: 0 12px 0 12px;
    line-height: 36px;
    font-size: 15px;
    margin: 0;
}

.action-btn.action-btn-alt {
    background: #aaa;
}

.action-btn:hover {
    background: #8DC63F;
}

#logo-box svg {
    height: 50px;
}

#top-logo {
    display: block;
    line-height: 1;
}

#top-logo svg .a {
    fill: #777;
    transition: fill .3s ease;
}

#top-logo:hover svg .a {
    fill: #8DC63F;
    transition: fill .3s ease;
}


#top-logo .hidden {
    display: none;
    visibility: hidden;
}


#preheader-wide {
    /* background: #EDEDED; */
    background: #f3f3f3;
}

#preheader {
    padding-left: 15px;
    color: #666666;
    font-size: 14px;
    line-height: 36px;
    height: 34px;
    overflow: hidden;
}

#header-wide {
    position: fixed;
    top: 0;
    z-index: 2000;
    background: #fff;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(217,217,217,.5);
    -moz-box-shadow: 0px 2px 7px 0px rgba(217,217,217,.5);
    box-shadow: 0px 2px 7px 0px rgba(217,217,217,.5);
}

#header {
    padding: 1em .8em 1em;
}



#main-navigation {
    top: 4px;
}


#main-navigation li a {
    padding: 0 14px;
    text-transform: uppercase;
    font-size: 15px;
}

.-moz- #main-navigation li a {
    font-weight: 500;
}

#main-navigation li a:hover {
    color:  #8DC63F;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a:hover {
    background: #555;
}

#main-navigation li .sub a {
    font-size: 14px;
    line-height: 1.3 !important;
}

#main-navigation .nav-wide .sub li.mega-hdr a.mega-hdr-a {
    border-bottom: 1px solid #aaa !important;
    padding-left: 4px;
    padding-right: 4px;
}

#main-navigation .nav-wide .sub .menu-item-has-children > .sub-menu a {
    padding-left: 4px;
    padding-right: 4px;
}

/*
#main-navigation .c1-4 {
    width: 19%;
    float: left;
    clear: none;
}

*/

#main-navigation .nav-wide .sub-container {
    width: 100%;
    left: 0 !important;
    float: left;
}

#main-navigation .nav-wide .mega ul.sub-menu.sub {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a:before {
    font-size: .9em;
    margin-right: 6px;
}

#main-navigation .nav-wide .sub .menu-item-has-children > .sub-menu a:before {
    content: '';
    display: none;
    visibility: hidden;
}

#main-navigation .nav-wide .sub li {
    width: 100%;
}

#main-navigation .nav-wide ul.sub-menu.sub {
    width: 100% !important;
}

#main-navigation .mega ul.sub-menu.sub {
    float: left;
}

/* Edited ZJ 12/8/21 */
#main-navigation .nav-wide .sub .row {
    /* width: 23% !important; */
    width: 48% !important;
    float: left;
    clear: none;
    margin-left: 1%;
    margin-right: 1%;
}

#main-navigation #menu-item-160.nav-wide .sub .row {
    width: 14.65% !important;
    float: left;
    clear: none;
    margin-left: 1%;
    margin-right: 1%;
}

#main-navigation .about-menu .expand > a:before {
    content: '\f067';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

#main-navigation .about-menu .expand > a.active:before {
    content: '\f068';
}

#main-navigation .about-menu .expand .sub-menu {
    background: #666;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}

#main-navigation .no-link a.mega-hdr-a {
    pointer-events: none;
    font-weight: 600;
}

#slideshow {
    margin: 2em auto 1em;
    padding: 0 .5em;
}

#slideshow-wide .sue-content-slider .sue-content-slide img {
    left: 0;
    margin-left: 0;
}

#slideshow-wide .sue-content-slide .container-wide {
    position: relative;
}

#slideshow-wide .sue-content-slide .container {
    padding-left: .5em;
    padding-right: .5em;
}

#slideshow-wide .sue-content-slide .slide-caption {
    background: rgba(0, 0, 0, .45);
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text {
    text-align: left;
    color: #fff;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin: 0;
    background: rgba(141,198,63,.7);
    text-transform: uppercase;
    font-size: 1.2em;
    padding: .6em .5em .5em;
    line-height: 1;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn-center {
    display: block;
    float: none;
    clear: both;
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: .5em;
    line-height: 1;
}

#slideshow-wide .sue-content-slider .sue-content-slide img {
    margin: 0;
    width: 100%;
    height: auto;
}

#slideshow-wide .sue-content-slide .slide-caption-in {
    text-align: center;
    float: left;
    position: relative;
    font-size: 1.5em;  /* 24px */ 
    line-height: 1.3;
    padding: .5em .6em .3em;
    width: 100%;
}

#slideshow,
#slideshow-wide {
   /* min-height: 340px; */
}

#slideshow-wide .sue-content-slide .slide-caption-in {
    font-weight: 400;
    /* text-shadow: 0 2px #000, 0px 0px 6px #000, 0px 0px 8px #000, 0px 0px 10px #000, 0px 0px 12px #000; */
}

.-moz- #slideshow-wide .sue-content-slide .slide-caption-in {
    font-weight: 500;
}

#slideshow-wide .sue-content-slide .slide-caption {
    width: 28%;
    margin-left: 4%;
    margin-right: 4%;
    padding: .5em;
}

#testimonials {
    font-weight: 300;
}

#testimonials .btn {
    font-weight: normal;
}


#promos {
    padding-top: 6px;
}

#promos .promo {
    float: left;
    position: relative;
    width: 100%;
}

#promos .promo .inner-text,
#promos .promo:hover .inner-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    
    background: -moz-linear-gradient(top,  rgba(102,102,102,0) 0%, rgba(102,102,102,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0)), color-stop(100%,rgba(102,102,102,0.8)));
    background: -webkit-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#cc666666',GradientType=0 );
}


#promos .promo:hover img {
    opacity: 1;
}

#promos .promo .inner-text h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    margin: .5em auto 0;
    font-weight: 500;
    float: left;
    position: relative;
    width: 100%;
}

#promos .promo:hover .inner-text h3 {
    color: #8DC63F;
}


#promos .promo .inner-text h3:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    line-height: 1.5;
}


#content-container {
    padding: 0 .5em;
}






#sidebar {
    padding-right: 0;
}

#sidebar .btn {
    text-transform: uppercase;
    text-align: left;
    line-height: 1;
    padding: .7em .6em .5em .6em;
    margin-bottom: 10px;
    background: #999;
}

#sidebar .btn:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: .5em;
    line-height: 1;
}

.tpl_home #sidebar {
    padding-top: 10px;
}



/* Turns off the Project Sorting drop-down */


.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background: #8DC63F !important;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: #439b3d !important;
}

.woocommerce-result-count {
    display: none;
    visibility: hidden;
}


.related.products {
    clear: both;
}

.widget-container li a a {
    display: inline;
    color: #8DC63F;
}



#testimonials-wide {
    /*
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 46%);
    background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 46%);
    background: linear-gradient(to bottom,  #ededed 0%,#ffffff 46%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );

    border-bottom: 2px solid #ccc;
    */
}

#testimonials {
    padding: 1em 4em .5em;
    font-size: 22px;
    text-align: center;
    line-height: 1.4;
}

#testimonials h3 {
    display: none;
    visibility: hidden;
}

#testimonials p {
    margin: .5em;
}


#testimonials:before {
    content: '“';
    display: block;
    float: left;
    font-size: 5.5em;
    height: 200px;
    font-family: 'Poppins', sans-serif;
    color: #CCC;
    margin: .2em .5em;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

#testimonials:after {
    content: '“';
    display: block;
    float: left;
    font-size: 5.5em;
    height: 200px;
    font-family: 'Poppins', sans-serif;
    color: #CCC;
    margin: .2em .5em;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

#testimonials .btn {
    font-size: 18px;
    padding: .3em 2em .2em;
    text-transform: uppercase;
    margin: .4em 0 .1em;
    background: #888;
}

#testimonials a.btn:hover {
    background-color: #8DC63F;
}



#showroom-wide {
    /* background: #ededed; */
    background: #fff;
}

#showroom {
    padding: 1.2em .5em 1.2em;
}

.tpl_location #showroom {
    padding-top: 0;
}

#showroom .col > a > p {
    display: none;
    visibility: hidden;
}

#showroom h3 {
    display: none;
    visibility: hidden;
}

#showroom a {
    text-decoration: none;
}

#showroom a:hover .showroom:before {
    border-top-color: #8DC63F;
}

#showroom a:hover .inner-text {
    color: #8DC63F;
    text-shadow: 0 0 8px #FFF, 0 0 16px #FFF, 0 0 24px #FFF, 0 0 30px #FFF;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.8)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#cc666666',GradientType=0 );
}
.trend-product img {
    padding-top: 15px !important;
}

.career-item:first-child {
    border-top: 1px solid #ccc;
}

.career-item {
    padding-top: 5px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.career-item .career-btn {
    background: #8DC63F;
    display: inline-block;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.career-item .career-btn:hover {
    background: #70a22b;
}

.career-item .button-row {}

.career-item h3 a {
    color: #8DC63F;
}

.career-item h3 a:hover {
    color: #70a22b;
}

.tpl_location .showroom,
.tpl_home .showroom {
    background: #fff;
    height: 250px;
    float: left;
    position: relative;
    width: 100%;
}

.tpl_home .showroom:before,
.tpl_location .showroom:before {
    content: '';
	border-top: 28px solid #B3B3B3;
	border-left: 0px solid transparent;
	border-right: 28px solid transparent;
	height: 0;
	width: 140px;
    z-index: 10;
    display: block;
    position: absolute;
}

.tpl_home .showroom:after,
.tpl_location .showroom:after {
    content: 'Showroom';
    background: transparent;
    position: absolute;
    top: 0;
    display: inline-block;
    color: #fff;
    padding: .1em .6em .1em;
    z-index: 20;
    text-transform: uppercase;
}

.tpl_home .showroom .inner-text,
.tpl_location .showroom .inner-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    padding: 1em .5em .4em;
    color: #fff;
    font-weight: 500;
    
    background: -moz-linear-gradient(top,  rgba(102,102,102,0) 0%, rgba(102,102,102,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0)), color-stop(100%,rgba(102,102,102,0.8)));
    background: -webkit-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(102,102,102,0) 0%,rgba(102,102,102,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#cc666666',GradientType=0 );
}

.tpl_home .showroom .inner-text:after,
.tpl_location .showroom .inner-text:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: .5em;
    line-height: 1;
}

.tpl_home .showroom-1,
.tpl_location .showroom-1 {
    background: url(images/Showroom-1.jpg) no-repeat center;
    background-size: cover;
}

.tpl_home .showroom-2,
.tpl_location .showroom-2 {
    background: url(images/Showroom-2.jpg) no-repeat center;
    background-size: cover;
}

.tpl_home .showroom-3,
.tpl_location .showroom-3 {
    background: url(images/Showroom-3.jpg) no-repeat center;
    background-size: cover;
}

.line-above:before {
    content: '';
    height: 1px;
    background: #aaa;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
}

/*

.type-career .su-tabs-nav {
    -webkit-box-shadow: inset 0px -2px 0px 0px #ddd;
    -moz-box-shadow: inset 0px -2px 0px 0px #ddd;
    box-shadow: inset 0px -2px 0px 0px #ddd;
}

.type-career .su-tabs-pane {
	padding: 5px;
}

.type-career .su-tabs {
    padding: 0;
    background: transparent;
}

.type-career .su-tabs-nav span {
    transition: all 0s;
}

.type-career .su-tabs-nav span:hover {
    background: transparent;
    color: #8DC63F;
}

.type-career .su-tabs-nav span.su-tabs-current {
	border: 2px solid #ddd;	
	border-bottom: 0;
}

.type-career .su-tabs-nav span.su-tabs-current:hover {
    background: #fff;
}

*/


.touch.no-flexbox .full-slide {
    height: 500px;
}
.touch.no-flexbox .slideshow-wide .sue-content-slide .slide-caption {
    margin-top: 30px;
}



.type-page .su-tabs-nav,
.type-career .su-tabs-nav {
    -webkit-box-shadow: inset 0px -2px 0px 0px #ddd;
    -moz-box-shadow: inset 0px -2px 0px 0px #ddd;
    box-shadow: inset 0px -2px 0px 0px #ddd;
}

.type-page .su-tabs-pane,
.type-career .su-tabs-pane {
	padding: 5px;
}

.type-page .su-tabs,
.type-career .su-tabs {
    padding: 0;
    background: transparent;
}

.type-page .su-tabs-nav span,
.type-career .su-tabs-nav span {
    transition: all 0s;
}

.type-page .su-tabs-nav span:hover,
.type-career .su-tabs-nav span:hover {
    background: transparent;
    color: #8DC63F;
}

.type-page .su-tabs-nav span.su-tabs-current,
.type-career .su-tabs-nav span.su-tabs-current {
	border: 2px solid #ddd;	
	border-bottom: 0;
}

.type-page .su-tabs-nav span.su-tabs-current:hover,
.type-career .su-tabs-nav span.su-tabs-current:hover {
    background: #fff;
}


.about-box a {
    text-decoration: none;
}

.about-box h3 {
    text-align: center;
}

.about-box a h3:hover,
.about-box a img:hover {
    color: #8DC63F;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

.about-box img {
    margin: 5px auto; 
    border: 1px solid #F5F5F5;
}

.landing-page .breadcrumbs, 
.landing-page .post-title { 
    display: none;
    visibility: hidden;
}

.landing-page .entry .c1-3.borderadd {
    border-left: 1px solid #666;
    padding: 20px;
}

.landing-page .entry .c1-3 img {
    width: 80%;
    height: auto;
    margin: 10px auto 10px;
}

.landing-page .entry .c2-3 {
    padding-top: 20px;
}

#lp-container .landing-btn,
#content .landing-btn {
    display: block;
    background-image: none !important;
    background: #daeed3 !important; 
    border-radius: 0; 
    color: #777 !important; 
    border-bottom: 0; 
    border-top: 0; 
    box-shadow: none !important;
    padding: 16px 25px;
    margin-top: 4px; 
    margin-bottom: 4px;
    font-size: 16px;
}

#lp-container .landing-btn:hover,
#content .landing-btn:hover {
    background: #cadbc3 !important;
}

#lp-container .heading-btn,
#content .heading-btn {
    height: 150px;
}

#lp-container .heading-btn.first,
#content .heading-btn.first {
    background:url(images/btn-bkg-1.jpg) no-repeat top center;
    background-size: cover;
}

#lp-container .heading-btn.second,
#content .heading-btn.second {
    background:url(images/btn-bkg-2.jpg) no-repeat top center;
    background-size: cover;
}

#lp-container .heading-btn.third,
#content .heading-btn.third {
    background:url(images/btn-bkg-3.jpg) no-repeat top center;
    background-size: cover;
}

.landing-page .row-2 p {
    margin: 0 !important;
}

#lp-container {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

/* =========== Subsite Modifications =========== */

#content-container .menu li a {
    display: inline-block;
    float: left;
    padding: 7px 12px 5px;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#content-container .menu li:first-child a {
    border-left: 1px solid #ddd;
}

#content-container .menu {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#content-container .menu .current-menu-item a {
    background: #f3f3f3;
    font-weight: 600;
}

.trend-product {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ddd;
}

.trend-product .c1-5 img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.trend-product .c4-5 {
    padding-left: 15px;
    padding-right: 15px;
}

/* === */

@media screen and (max-width: 750px) {
    .about-box img {
        width: 200px;
        height: auto;
    }
    
    div.col.c1-4.about-box {
        float: left;
        clear: none;
        width: 49%;
    }
}

@media screen and (max-width: 480px) {
    div.col.c1-4.about-box {
        width: 100%;
    }
}

/* === */

.post-container .thumbnail-container {
    width: 50%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    clear: none;
}

.post-container {
    float: left;
    clear: both;
    width: 100%;
    background: #eee;
    position: relative;
}

.post-container .inner-text {
    display: block;
    float: left;
    clear: none;
    width: 50%;
    clear: none;
    padding: 1em 3em;
    position: relative;
}

.post-container h3 {
    line-height: 1.1;
    font-size: 28px;
    color: #777;
}

.post-container a {
    text-decoration: none;
}

.post-container a.btn {
    text-transform: uppercase;
    width: 48%;
    margin-right: 2%;
    text-align: center;
    font-size: 20px;
}

.post-container a.btn:last-child {
    margin-left: 2%;
    margin-right: 0;
}

.post-container .btn-area {
    margin-top: 30px;
    display: block;
    clear: both;
}

#projects .sue-content-slider {
    margin: 0 0 1.5em 0 !important; 
}



.su-tabs-nav span {
    font-size: 15px !important;
}

.su-tabs-pane {
    font-size: 16px !important;
    color: #777 !important;
}

.su-tabs-pane.map-noborders {
    padding: 0 !important;
}

.career small,
.career .postmetadata {
    display: none;
    visibility: hidden;
}



.widget-title {
    color: #999;
    line-height: 1.4;
    font-size: 1.6em;
    padding: 0;
    font-weight: 500;
    border-bottom: 2px solid #CDCDCD;
}

.widget-container li a {
    background: transparent;
    /* padding: .8em 1em .6em; */
    padding: 1.2em 1em 1em;
    border-bottom: 1px solid #DDD;
}


#prefooter-wide {
    background: #fff;
}

#prefooter .c1-3 {
    padding: 0 .5em;
}

#footer-wide {
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top,  rgba(195,195,195,1) 0%, rgba(220,220,220,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,195,195,1)), color-stop(100%,rgba(220,220,220,1)));
    background: -webkit-linear-gradient(top,  rgba(195,195,195,1) 0%,rgba(220,220,220,1) 100%);
    background: -o-linear-gradient(top,  rgba(195,195,195,1) 0%,rgba(220,220,220,1) 100%);
    background: -ms-linear-gradient(top,  rgba(195,195,195,1) 0%,rgba(220,220,220,1) 100%);
    background: linear-gradient(to bottom,  rgba(195,195,195,1) 0%,rgba(220,220,220,1) 100%);
}

#footer {
    color: #fff;
}

#footer a {
    color: #999;
}


#content-wide {
    background: rgb(244,244,244);
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 11%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(11%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 11%);
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 11%);
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 11%);
    background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 11%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}

.tpl_home #content-wide {
    background: transparent;
}

.subhdrint {
    padding-top: 1.5em;
}

#content-container {
    margin-top: .5em;
    background: transparent;
}

#prefooter-wide {
    background: #f5f5f5;
    border-top: 2px solid #DDD;
}

.tpl_home #prefooter-wide {
    border-top: 0;
    background: #fff;
}


#sidebar .btn-b {
    background: #DDD url(images/k.svg) no-repeat top left;
    padding: .6em 1em .7em 70px;
    height: 79px;
    color: #999;
    font-size: 1.6em;
}

#sidebar .btn-b:after {
    line-height: 0;
}

#sidebar .btn-b:hover {
    background: #8DC63F url(images/k.svg) no-repeat top left;
    color: #fff;
}


/*
.kw-slider .sue-content-slide {
    margin: 0;
}
*/

.kw-slider .sue-content-slide img {
    width: 100%; 
    height: auto;
}

.kw-slider .sue-content-slider-arrows-yes, 
.kw-slider .sue-content-slider-pages-yes, 
.kw-slider .sue-content-slider-arrows-hover, 
.kw-slider .sue-content-slider-pages-hover {
    padding-top: 0;
}
 
.kw-slider .sue-content-slider .owl-next {
    font-size: 32px;
    line-height: 460px;
    margin-right: 10px;
    color: #fff;
    text-shadow: 0 1px #666;
}  

.kw-slider .sue-content-slider .owl-prev {
    font-size: 32px;
    line-height: 460px;
    left: 0;
    float: left;
    margin-left: 10px;
    color: #fff;
    text-shadow: 0 1px #666;
}

.kw-slider .sue-content-slider,
.kw-slider .sue-content-slide {
    margin: 0 !important;
}


.kw-slider .sue-content-slider.owl-carousel .owl-item img {
    width: 100% !important;
    height: auto !important;
}

.kw-slider .sue-content-slider .owl-nav {
    width: 100%;
    /* pointer-events: none; */
    z-index: 1;
}

.kw-slider .sue-content-slider .owl-prev:, 
.kw-slider .sue-content-slider .owl-next: {
    pointer-events: all;
    z-index: 2;
}

.kw-slider .sue-content-slider .owl-prev:before {
    border-top: 5px solid #ccc;
    border-left: 5px solid #ccc;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.kw-slider .sue-content-slider .owl-next:before {
    border-top: 5px solid #ccc;
    border-right: 5px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kw-slider .sue-content-slider .owl-prev:before, 
.kw-slider .sue-content-slider .owl-next:before {
    top: 20vw;
    width: 15px;
    height: 15px;
}


.related.products .price {
    display: none !important;
    visibility: hidden !important;
}


.greybox {
    background: #f3f3f3;
    padding: 5px 20px;
    border-top: 3px solid #8DC63F;
    margin-bottom: 20px;
}

.greybox hr {
    background-color: #cfcfcf !important;
}

.post-8772 h1 {
    display: none;
    visibility: hidden;
}

.col2 img.aligncenter {
    margin: 0 auto;
}

.locations .col2 {
    margin-bottom: 25px;
    min-height: 180px;
}

/*
#wpadminbar {
    display: none;
    visibility: hidden;
}
*/


#content-container #sub-navigation .nav-heading > a {
    display: none;
    visibility: hidden;
}

/* #content-container #sub-navigation .menu-grand-rapids-subpages-container,
#content-container #sub-navigation .menu-chicago-subpages-container,
#content-container #sub-navigation .menu-indianapolis-subpages-container,
#content-container #sub-navigation .menu-jackson-subpages-container,
#content-container #sub-navigation .menu-detroit-subpages-container,
#content-container #sub-navigation .menu-lansing-subpages-container, */
#content-container #sub-navigation .nav-heading
{
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
}

/* #content-container #sub-navigation .menu-grand-rapids-subpages-container ul,
#content-container #sub-navigation .menu-chicago-subpages-container ul,
#content-container #sub-navigation .menu-indianapolis-subpages-container ul,
#content-container #sub-navigation .menu-jackson-subpages-container ul,
#content-container #sub-navigation .menu-detroit-subpages-container ul,
#content-container #sub-navigation .menu-lansing-subpages-container ul, */
#content-container #sub-navigation .nav-heading .sub-menu
{
    display: table-row !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none;
}

/* #content-container #sub-navigation .menu-grand-rapids-subpages-container ul li,
#content-container #sub-navigation .menu-chicago-subpages-container ul li,
#content-container #sub-navigation .menu-indianapolis-subpages-container ul li,
#content-container #sub-navigation .menu-jackson-subpages-container ul li,
#content-container #sub-navigation .menu-detroit-subpages-container ul li,
#content-container #sub-navigation .menu-lansing-subpages-container ul li, */
#content-container #sub-navigation .nav-heading .sub-menu li
{
    list-style: none !important;
    display: table-cell !important;
    text-align: center !important;
}

/* #content-container #sub-navigation .menu-grand-rapids-subpages-container ul li a,
#content-container #sub-navigation .menu-chicago-subpages-container ul li a,
#content-container #sub-navigation .menu-indianapolis-subpages-container ul li a,
#content-container #sub-navigation .menu-jackson-subpages-container ul li a,
#content-container #sub-navigation .menu-detroit-subpages-container ul li a,
#content-container #sub-navigation .menu-lansing-subpages-container ul li a, */
#content-container #sub-navigation .nav-heading .sub-menu li a
{
    display: block !important;
    float: none;
    padding: 9px 0;
}

#sub-navigation-mobile li a {
    width: 100%;
}

#content-container.location {
    margin-top: 0;
}

.location-sidebar-cta a {
    text-decoration: none;
    float: left;
}

.location-sidebar-cta img {
    display: block;
}

.location-sidebar-cta a:hover .btn {
    background: #8DC63F !important;
}

.location-sidebar-cta .btn {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.location-sidebar-cta {
    margin-bottom: 10px;
}

#sidebar .social-buttons {
    float: left;
    width: 100%;
}

#sidebar .social-buttons .btn {
    width: auto;
    text-align: center;
    font-size: 1.1vw;
    background: #DDD;
    color: #aaa;
}

#sidebar .social-buttons .local-facebook:hover {
    background: #3b5998;
    color: #fff;
}

#sidebar .social-buttons .local-twitter:hover {
    background: #1da1f2;
    color: #fff;
}

#sidebar .social-buttons .local-linkedin:hover {
    background: #0077b5;
    color: #fff;
}

#sidebar .social-buttons .local-youtube:hover {
    background: #cd201f;
    color: #fff;
}

#sidebar .social-buttons .local-instagram:hover {
    background: #833ab4;
    color: #fff;
}

#sidebar .social-buttons .local-pinterest:hover {
    background: #bd081c;
    color: #fff;
}

#sidebar .social-buttons .local-tumblr:hover {
    background: #35465c;
    color: #fff;
}

#sidebar .phone-button.btn:after,
#sidebar .social-buttons .btn:after {
    display: none;
    visibility: hidden;
    content: '';
}

#sidebar .social-buttons .items-1 .btn {
    width: 100%;
}

#sidebar .social-buttons .items-2 .btn {
    width: 50%;
}

#sidebar .social-buttons .items-3 .btn {
    width: 33.3333333333333%;
}

#sidebar .social-buttons.items-4 .btn {
    width: 25%;
}

#sidebar .social-buttons .items-5 .btn {
    width: 20%;
}

#sidebar .social-buttons .items-6 .btn {
    width: 16.66666666666666%;
}

#sidebar .phone-button {
    background: #8DC63F;
    font-weight: 600;
}

#sidebar .phone-button:hover {
    background: #439b3d;
}

#sidebar .phone-button i {
    margin-right: 8px;
}

#sidebar .btn {
    position: relative;
    float: left;
}

#sidebar .local-contact {
    background: #DDD;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 10px;
}

#sidebar .local-contact h3 {
    margin-top: 0;
    margin-bottom: 2px;
}

#sidebar .local-contact input {
    width: 100%;
}

#sidebar .local-contact form.wpcf7-form input[type=text], 
#sidebar .local-contact form.wpcf7-form input[type=password], 
#sidebar .local-contact form.wpcf7-form input[type=email], 
#sidebar .local-contact form.wpcf7-form input[type=url], 
#sidebar .local-contact form.wpcf7-form input[type=tel], 
#sidebar .local-contact form.wpcf7-form input[type=number], 
#sidebar .local-contact form.wpcf7-form textarea {
    width: 100%;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 6px 0;
}

#sidebar .local-contact form.wpcf7-form p {
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}

.local-contact img.ajax-loader {
    display: none;
    visibility: hidden;
}

#sidebar > ul,
#sidebar > ul > li,
#sidebar > ul > li > div {
    float: left;
    width: 100%;
}

.tpl_location #sidebar .widget-container {
    margin-bottom: 0;
}

form.wpcf7-form input[type=submit] {
    background: #999;
}

form.wpcf7-form input[type=submit]:hover {
    background: #8DC63F;
}

#sidebar form.wpcf7-form input[type=submit] {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
}

#sidebar div.wpcf7-response-output {
    margin: 10px 0;
    padding: 5px 8px;
}

.design-articles {
    float: left;
}

.design-article {
    display: block;
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.entry img.article-lead {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
}

form.wpcf7-form input[type=text], 
form.wpcf7-form input[type=password], 
form.wpcf7-form input[type=email], 
form.wpcf7-form input[type=url], 
form.wpcf7-form input[type=tel],
form.wpcf7-form input[type=number],
form.wpcf7-form input[type=submit],
form.wpcf7-form textarea {
    -webkit-appearance: none;
}

.location-projects .project-box h4 {
    min-height: 90px
}


@media screen and (max-width: 1140px) {
    
    body {
        min-width: 200px;
    }
    
    #logo-box {
        display: block;
        float: left;
        clear: none;
        overflow: hidden;
    }
    
    .container {
        width: 100%;
        min-width: 200px;
    }
    
    #promos .promo .inner-text h3 {
        font-size: 2.2vw;
    }
    
    #testimonials {
        font-size: 3vw;
    }
    
	.subheader-cta,
    #slideshow-wide .sue-content-slide .slide-caption-in {
        font-size: 2.1vw;
    }
	
	.subheader-cta .btn,
    #slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
        font-size: 1.8vw;
        padding-right: 2em;
    }
    
    #slideshow-wide .sue-content-slide .container {
        padding-right: 0;
    }
    
    .showroom .inner-text {
        font-size: 1.9vw;
    }
    
    #content .heading-btn {
        height: 13vw;
        background-size: contain;
    }
    
    .tpl_landing_page br.full-width-only {
        display: none;
        visibility: hidden;
    }
    
}

@media screen and (max-width: 1480px) and (min-width: 751px) {
    
    .tpl_landing_page #slideshow-wide,
    .tpl_landing_page #slideshow-wide .sue-content-slide .container-wide,
    .tpl_landing_page #slideshow-wide .sue-content-slider-arrows-yes, 
    .tpl_landing_page .sue-content-slider-pages-yes, 
    .tpl_landing_page #slideshow-wide .sue-content-slider-arrows-hover, 
    .tpl_landing_page #slideshow-wide .sue-content-slider-pages-hover {
        height: 50vw;
    }
    
    #slideshow-wide .sue-content-slide .container-wide > .container {
        width: 70vw;
    }
    
    #slideshow-wide .sue-content-slide .container-wide > .container .slide-caption {
        margin-top: 5.4vw;
    }
    
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h3, 
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h4 {
        font-size: 2.1vw;
    }
    
}

@media screen and (max-width: 1140px) and (min-width: 751px) {
    
    .tile-wrapper .tile {
        height: 26.3vw;
        min-height: 26.3vw;
    }
    
    .tile-wrapper .tile h3 {
        font-size: 1.93vw;
        line-height: 1.2;
    }
    
    .tile-wrapper .tile .inner-text {
        font-size: 1.4vw;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1080px) {
    
    html, body {
        min-width: 0;
    }
    
    .subhdrint {
        padding-top: 0;
    }
    
    .subheader-cta-wrap {
        top: 40px;
    }
    
    #top-logo svg {
        width: 20vw;
    }
    
    #main-navigation {
        top: 0;
    }
    
    #main-navigation li a {
        padding: 7px 10px;
        font-size: 1.5vw;
        line-height: 40px;
    }
    
    #main-navigation li .sub a {
        font-size: 1.3vw;
    }
	
	.location-projects .project-box h4 {
    	min-height: 140px
	}
}

@media screen and (max-width: 980px) {
    #main-navigation li a {
        padding: 7px;
    }
}

@media screen and (max-width: 930px) {
    
    #projects .post-container .inner-text h3 {
        font-size: 3vw;
    }
    
    #projects .post-container .inner-text a.btn {
        font-size: 1.9vw;
    }
    
    .post-container .inner-text {
        padding: 1em 2em;
    }
    
    #sidebar #text-4 .btn {
        font-size: 2.2vw;
    }
    
    .location-sidebar-cta .btn {
        font-size: 2.2vw !important;
    }
    
    #sidebar #text-4 .btn-b {
        font-size: 2.2vw;
        height: auto;
        background-size: contain;
    }
    
    .products .entry .c1-2 h3 {
        line-height: 1.2;
    }
    
    .products .entry .col.c1-2 {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .tpl_landing_page .staff-block {
        width: 31%;
    }
}

@media screen and (max-width: 880px) and (min-width: 751px) {
    
    .tpl_landing_page #cta h3 {
        font-size: 18px;
    }
    
}

@media screen and (max-width: 750px) {
    
    .tpl_landing_page .staff-block {
        width: 48%;
        min-height: 225px;
    }
    
    .tpl_landing_page .staff-block .img-wrap {
        height: 150px;
        width: 150px;
    }
    
    .tpl_landing_page .tile-wrapper .tile.contain-icon img {
        width: 200px;
    }
    
    .tpl_landing_page .sue-content-slider.tile-carousel .tile {
        margin: 0px 40px 20px;
        padding: 10px 20px;
    }
    
    .tpl_landing_page #content {
        padding-left: 0;
        padding-right: 0;
    }
    
    .tpl_landing_page #tiles .center-button {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .tpl_landing_page br.full-width-only {
        display: none;
        visibility: hidden;
    }
    
    .tpl_landing_page #content-wide,
    .tpl_landing_page #cta-wide,
    .tpl_landing_page #tiles-wide {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .tpl_landing_page #slideshow-wide,
    .tpl_landing_page #slideshow-wide .sue-content-slide .container-wide,
    .tpl_landing_page #slideshow-wide .sue-content-slider-arrows-yes, 
    .tpl_landing_page .sue-content-slider-pages-yes, 
    .tpl_landing_page #slideshow-wide .sue-content-slider-arrows-hover, 
    .tpl_landing_page #slideshow-wide .sue-content-slider-pages-hover {
        height: 50vw;
    }
    
    
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h3, 
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h4 {
        font-size: 30px;
        text-shadow: 0 2px 0 rgba(0,0,0,.5), 0 2px 10px rgba(0,0,0,.6), 0 0 20px rgba(0,0,0,.7);
    }
    
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
        padding-bottom: 0;
        height: 50vw;
        margin: 0;
        margin-top: 12vw;
    }
    
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h3, 
    .tpl_landing_page #slideshow-wide .sue-content-slide .slide-caption h4 {
        font-size: 5vw;
    }
    
    .tpl_landing_page #cta-wide, 
    .tpl_landing_page #content-wide,
    .tpl_landing_page #tiles-wide {
        font-size: 16px;
    }
    
    .tpl_landing_page .tile-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    .tpl_landing_page .tile-wrapper .tile {
        margin-bottom: 20px;
        background-position: center bottom;
    }
    
    .tpl_landing_page #prefooter-wide {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .tpl_landing_page #cta-wide h3, 
    .tpl_landing_page #content-wide h3,
    .tpl_landing_page #tiles-wide h3,
    .tpl_landing_page #cta-wide h2, 
    .tpl_landing_page #content-wide h2,
    .tpl_landing_page #tiles-wide h2 {
        line-height: 1.25;
        font-size: 20px;
    }
	
	.location-projects .no-underline {
		width: 100%;
	}
	
	.location-projects .project-box h4 {
		min-height: 30px;
	}
    
    .location-sidebar-cta {
        margin-top: 10px;
    }
    
    .project-box .buffer {
        width: 100%;
    }
    
    #sidebar #text-4 .btn {
        font-size: 7vw;
    }
    
    #sidebar #text-4 .btn-b {
        font-size: 7vw;
    }
    
    .shadow {
        display: none;
        visibility: hidden;
    }
    
    #content .heading-btn {
        height: 40vw;
        background-size: cover;
    }
    
    .landing-page .entry .c1-3.borderadd {
        border: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product, 
    .woocommerce-page[class*=columns-] ul.products li.product, 
    .woocommerce[class*=columns-] ul.products li.product {
        margin-bottom: .5em !important;
        padding-left: 1%;
        padding-right: 1%;
    }
    
    .woocommerce ul.products li.product .button {
        margin-top: 0 !important;
        font-size: 3.6vw !important;
    }
    
    .woocommerce ul.products li.product h3 {
        line-height: 1.3 !important;
    }
    
    .breadcrumbs {
        padding-left: 0;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption {
        background: transparent;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text {
        color: #777;
    }
    
    #header-small .col {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .action-btn {
        vertical-align: top;
    }
    
    .search-container {
        float: none;
        line-height: 32px !important;
        height: 32px !important;
    }
    
    .search-open {
        width: 100%;
    }
    
    .search-container .search-icon,
    .search-container .search-submit,
    .search-container .search-input,
    .search-container .search-form {
        line-height: 32px;
        height: 32px;
    }
    
    .social-links {
        float: right;
        clear: both;
    }
    
    .action-btn {
        font-size: 14px;
        clear: none;
        line-height: 32px;
        
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .action-btn.search-is-open {
        width: 0px;
        font-size: 0px;
        padding: 0;
    
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .t-right .row {
        height: 32px;
        overflow: hidden;
    }
    
    .social-links {
        line-height: 32px;
        clear: none;
    }
    
    .social-links i {
        font-size: 16px;
    }
    
    .phone-link {
        display: inline-block;
        padding: 0 1.5vw;
        text-decoration: none;
        font-size: 16px;
        line-height: 34px;
    }
    
    .t-right {
        text-align: right;
    }
    
    .t-right .row {
        display:block;
        float: left;
        width: 100%;
        text-align: right;
    }
    
    .row .col .btn {
        width: 100%;
        text-align: center;
    }
    
    .row h1 {
        margin-top: .5em;
    }
    
    .entry {
        clear: both;
    }
    
    .phone-link i {
        margin-right: 1vw;
    }
    
    .ifi-social { 
        text-align: right;
        clear: none;
    }
    
    .post-container .thumbnail-container {
        width: 100%;
        height: 180px;
    }
    
    .post-container .inner-text {
        padding: 1em .8em;
        width: 100%;
    }
    
    #projects .post-container .inner-text h3 {
        font-size: 18px;
        line-height: 1.3;
    }
    
    #projects .post-container .inner-text a.btn {
        font-size: 4vw;
    }
    
    #testimonials {
        font-size: 16px;
        padding: 1em 2em .5em
    }
    
    #testimonials:before, #testimonials:after {
        margin: .2em .15em;
    }
    
    html.opacity {
        margin-top: 0 !important;
    }
    
    #top-logo img {
        width: 90%;
        margin: 11px 8px;
    }
    
    .tpl_home #sidebar {
        padding: 0;
    }
    /*
    #wpadminbar {
        display: none;
        visibility: hidden;
    }
    */
    .full-slide {
        height: 500px;
        height: 40vh;
    }
    
    .showroom {
        margin-bottom: 12px;
    }
    
    .showroom .inner-text {
        font-size: 5.5vw;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 40vh;
        margin-left: 0;
        margin-right: 0;
    }
    

    
    #slideshow-wide .sue-content-slide .slide-caption-in {
        font-size: 24px;
    }
    
    #slideshow-wide .sue-content-slide .container {
        padding: 0;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
        font-size: 20px;
    }
    
    #promos .promo img {
        width: 30%;
        height: auto;
    }
    
    .post-title {
        line-height: 1.2;
        margin-top: 1em;
    }
    
    #content-container section {
        padding-left: .1em;
        padding-right: .1em;
    }
    
    #promos .promo {
        background: #eee;
        margin: 6px auto;
    }
    
    #promos .promo .inner-text,
    #promos .promo:hover .inner-text {
        width: 70%;
        background: transparent;
        float: left;
        clear: none;
        position: relative;
        line-height: 1.1;
        padding-top: 7vw;
    }
    
    #promos .promo .inner-text h3 {
        font-size: 20px;
        color: #777;
        margin-top: 0;
    }
    
    #promos #promo-2 .inner-text h3:before {
        content: 'Get Inspired';
        font-size: 20px;
    }
    
    #promos #promo-2 .inner-text h3 {
        font-size: 0;
    }
    
    #promos .promo .inner-text h3:after {
        content: '';
    }
    
    #slideshow-wide .owl-prev, #slideshow-wide .owl-next {
        line-height: 40vh;
        display: none;
        visibility: hidden;
    }
    
    #prefooter {
        padding: 1em .2em .5em;
    }
    
    #content-container {
        margin-bottom: .5em;
    }
    
    #sidebar {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mobile .c25 {
        width: 25%;
        text-align: center;
        color: #8DC63F;
        float: left;
    }
    
    .mobile .c75 {
        width: 75%;
        float: left;
    }
    
    #prefooter ul.mobile li,
    #prefooter ul.mobile,
    #prefooter #text-3,
    #prefooter #text-3 .textwidget {
        clear: both;
        float:left;
        width: 100%;
    }
    
    .su-tabs-nav span {
        display: inline-block !important;
    }
    
    /* Interpage Mobile Nav (ugly but works) */
    
    #sub-navigation-mobile * {
        display: block;
        visibility: visible;
    }
    
    #sub-navigation-mobile {
        display:block;
        visibility:visible;
        position:relative;
    }
    
    #sub-navigation-mobile a {
        display: block; 
        background: transparent; 
        padding:12px;
        margin:0; 
        color: #fff;
        text-decoration:none;
    }
    
    #sub-navigation-mobile a.dcjq-parent {
        display:block;
        background: #f3f3f3; 
        padding:12px;
        margin:0; 
        color:#8DC63F;
        text-decoration:none;
        border-bottom: 2px solid #ccc;
    }
    
    #sub-navigation-mobile a:before {
        content: '\f0a9'; 
        font-family: "FontAwesome"; 
        color: #ccc; 
        margin-right: 14px;
    }
    
    #sub-navigation-mobile .sub-menu a {
        color: #8DC63F !important;
        border-bottom: 1px solid #ddd;
    }
    
    #sub-navigation-mobile>div>ul>li>a:before {
        content: '\f0c9' !important;
        color: #ccc !important;
    }

    #sub-navigation-mobile a.dcjq-parent:before {
        content: '\f067';
    }

    #sub-navigation-mobile a.dcjq-parent.active:before {    
        content: '\f068';
    }

    #sub-navigation-mobile>ul>li>a:before {
        content: '\f0c9' !important;
    }

    /* Color Controls */

    #sub-navigation-mobile > ul > li > .dcjq-parent {
        background: #AAA;
    }

    #sub-navigation-mobile > ul > li > .dcjq-parent.active {
        background: #888;
    }

    #sub-navigation-mobile .sub-menu {
        background: #fff;
        border-bottom: 2px solid #ddd;
    }

    #sub-navigation-mobile .sub-menu .sub-menu {
        background: #444;
        border-bottom: 2px solid #888;
    }

    #sub-navigation-mobile .sub-menu .sub-menu .sub-menu {
        background: #222;
        border-bottom: 2px solid #666;
    }
    
    
    .subheader-cta {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        color: #777;
        background: #fff;
        font-size: 24px;
    }
    
    .subheader-cta .btn {
        font-size: 20px;
    }
    
    .subheader-cta-wrap {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        top: 0;
    }
    
    
    #slideshow-wide .sue-content-slide .slide-caption-in {
        font-size: 24px;
    }
    
    #slideshow-wide .sue-content-slide .container {
        padding: 0;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
        font-size: 20px;
    }
    
    .staff-member .c1-6 {
        width: 20%;
        margin-left: 0;
        margin-right: 2%;
        float: left;
        clear: none;
    }
    
    .staff-member .c5-6 {
        width: 78%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        clear: none;
    }
    
    .staff-member .btn-row .btn {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .location-projects .project-box{
        margin-bottom: 20px;
    }
    
    #sidebar .location-sidebar-cta .btn {
        font-size: 6vw !important;
    }
    
    #sidebar .local-contact {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .tpl_location #content-container {
        margin-bottom: 0;
    }
    
    .tpl_location #showroom-wide .c1-3 {
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        padding-bottom: 0;
    }
    
    .tpl_location .showroom {
        margin-bottom: 20px;
    }
    
    .tpl_location #showroom {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 450px) {
    .social-links i {
        font-size: 3.8vw;
    }
    
    .phone-link {
        font-size: 3.8vw;
    }
}