/*************************/
/** START COLORS **/
/*************************/
/* Text */
a, .text-pri, a.text-pri, #page #woopcomm .wpc-comment-author, .woocommerce-orders-table__cell-order-status, #page .woocommerce-MyAccount-navigation ul li a, .WOOF_Widget .woof_list label, #page .btn-link, .product_title {color: #0172bd;}
a:hover, a:focus, a:active, .text-sec, a.text-sec, #page .woocommerce-MyAccount-navigation ul li a::before, #page .btn-link:hover {color: #c31e26;}
/* Background */
.sidechat,.woocommerce #page #respond input#submit.alt, .woocommerce #page a.button.alt, .woocommerce #page button.button.alt, .woocommerce #page input.button.alt, #page #woopcomm .wpc-comment-label, #page .btn-tprimary, .woocommerce-MyAccount-content .order-status, #ship-to-different-address, .bg-pri, .bbg-pri:before {background-color: #0172bd !important;}
#page .btn-tsecondary, #page span.onsale, #page .woocommerce button.button.alt, #page .cart button.button.alt, #page .woocommerce .cart_totals .checkout-button, .bg-sec, .bbg-sec:before {background-color: #c31e26 !important;}
/* Border */
#page .btn-tprimary, #page .btn-tsecondary:hover, .bor-pri {border-color: #0172bd !important;}
#page .btn-tsecondary, #page .btn-tprimary:hover, .bor-sec {border-color: #c31e26 !important;}
/*************************/
/** END COLORS **/
/*************************/
/*************************/
/** START CONDITIONALS **/
/*************************/
/* Body Background */
body {background: url('http://woodbridgeheatingandair.com/wp-content/uploads/2021/04/heating-air-bg.jpg') }
/* WhatsApp Chat */
.open-button {padding: 10px 15px; border-radius: 50%; background-color: #06D755; color: white; border: none; cursor: pointer; position: fixed; bottom: 10px; right: 28px; z-index: 99;}
.chat-popup {width: 300px; overflow: hidden; background-color: white; display: none; position: fixed; bottom: 5px; right: 15px; z-index: 100; border-radius: 5px;}
.chat-inner {padding: 20px;}
.chat-ttl {display: block; padding: 10px 5px; text-align: left; background: #06D755; color: #fff; position: relative;}
.chatinit {width: 100%; margin-bottom: 20px; padding: 5px; background: #f2f2f2; -webkit-box-shadow: 1px 1px 3px 0 #E0E0E0; box-shadow: 1px 1px 3px 0 #E0E0E0; position: relative;}
.chatinit span {width: 80%; display: block; font-size: .9rem;}
.chatinit img {width: 50px; height: auto; padding: 5px; border-radius: 3px; background: #fff; position: absolute; top: 30%; right: 5px;}
.chat-popup .btn {padding: 5px 10px; background-color: #4CAF50; border: none; cursor: pointer;}
.chat-popup .strtcht {display: inline-block; background-color: #06D755; color: #fff; font-size: 1.1em;}
.chat-popup .strtcht:hover {color: #fff;}
.chat-popup .cancel {padding: 4px 10px; border-radius: 50%; background-color: #000; color: #fff; font-size: 12px; position: absolute; top: 8px; right: 8px; opacity: 0.7;}
.chat-popup .cancel:hover {color: #fff; opacity: 0.7;}
.chat-popup .rst {display: inline-block; background-color: #ccc; color: #888; font-size: 1.1em;}
.chat-popup .rst:hover {color: #888;}
/* Header */
.topbar {background: ; color: ;}
#masthead .topbar a, #masthead .topbar a:hover {color: ;}
/* Navigation */
.main-navigation a {font-size: 1.1rem;}


.main-navigation {width: 100%; clear: both; display: block; float: left;}
#site-navigation ul.menu {width: 100%; margin: 0; padding-left: 0; display: table; list-style: none; position: absolute; top: 50%; transform: translate(0%,-50%); z-index:100; text-align: right;}
#masthead {background: #ffffff;}
.main-navigation ul ul {background-color: #fff;}
#masthead .main-navigation ul ul a {color: #000;}
#masthead .main-navigation ul ul a:hover {color: #555;}
/* Page Titles */
.entry-header {background: #0172bd;}
.entry-header h1.entry-title {margin-bottom: 0; color: #ffffff; z-index: 0;}
/* Footer */
.site-footer {background: #000; color: #fff;}.site-footer a {color: #fff;}
.flex-caption {top: 35%;}
/*************************/
/** END CONDITIONALS **/
/*************************/