Contact Us
Office: (408)-377-4943
Email: install@bayareawhf.com
Hours: Monday – Friday 8am – 5pm
Location: 1340 White Oaks Rd, Unit F Campbell CA, 95008
Demographic Service Area: Greater Bay Area from the Peninsula to Gilroy
body{ background-color : #20da49; } #wrapper{ } #top{ max-width : 100%; height : auto; background-color : transparent; } #header{ max-width : 100%; height : auto; background-color : transparent; } #page{ max-width : auto; background-color : transparent; margin : 0px auto; } #main{ max-width : 100%; background-color : transparent; margin : 0px auto; } #content{ background-color : transparent; } #body{ background-color : #20da49; } @import url(http://fonts.googleapis.com/css?family=Roboto:100,300,500|Arvo); body { font-family: 'Arvo', serif; background: linear-gradient(rgb(0, 80, 255) 20%, rgb(140, 255, 26), rgb(24, 156, 0)); font-size: 13px; } h1, h2, h3, h4, h5, h6 { -webkit-margin-before: 0; } ul, menu, dir { padding: 0; } #top { background-color: rgb(53, 231, 1); background-color: #fff; color: #000; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; justify-content: center; } #top .sfmsb_widget { display: none; } div#logo { padding: 0px 5px; background-color: white; /* border: 1px solid rgba(0, 0, 0, 0.34); box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.33); */ margin-bottom: 8px; display: inline-block; } li#text-2, #logo-container { padding-top: 10px; } #logo-container { flex-basis: 680px; } #tagline { margin: 0; width: 360px; font-size: 20px; /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.47);*/ display: inline-block; padding: 20px 0px 0 0; vertical-align: top; } li#text-2 { flex-basis: 265px; } #top-right, #top-right h1 { font-weight: 300; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); */ } li#nav_menu-2 { font-family: "Roboto", sans-serif; background-color: rgb(0, 187, 255); background-color: rgb(53, 231, 1); flex-basis: 100%; } .current_page_item > a { background-color: rgb(0, 109, 148); background-color: #0050FF; } #menu-top-menu > li > a { display: inline-block; padding: 13px 20px; color: white; text-decoration: none; font-size: 20px; } #menu-top-menu > li > a:hover, .sub-menu > li > a:hover { color: white; background-color: rgb(0, 129, 255); } #menu-top-menu .sub-menu { display: none; -webkit-padding-start: 0px; position: absolute; top: 50px; z-index: 9999; background-color: rgb(0, 187, 255); } .sub-menu > li { display: block !important; } .sub-menu > li > a { display: block; padding: 10px 35px; color: white; text-decoration: none; font-size: 20px; } #menu-top-menu { position: relative; } #menu-top-menu > li:hover .sub-menu { display: block; } #arty-slider { font-family: "Roboto", sans-serif; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black; max-width: 100%; margin: auto; } #arty-slider #direction-Navs { display: none; } h1.slider_title { color: #fff; font-size: 50px; font-weight: 300; -webkit-margin-after: 10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } p.slider_content { color: #ddd; font-size: 46px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; font-weight: 100; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); max-width: 670px; } #main { background-color: rgba(243, 243, 243, 1); box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.5); padding: 20px 30px; } #content-container { padding: 30px; display: inline-block; background-color: rgba(0, 0, 0, 0.6); } #header, #main { max-width: 1150px; margin: auto; box-sizing: border-box; } body.home #main { /* used for flex cols */ /*padding: 0;*/ } body.home .entry { display: flex; flex-direction: row; flex-wrap: wrap; } body.home .post > h2 { display: none; } body.home .post h1 { -webkit-margin-before: 0 !important; -webkit-margin-after: 0 !important; } .post, .col { color: #333; font-weight: 300; font-size: 14px; line-height: 19px; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: 300; -webkit-margin-before: 1em; -webkit-margin-after: 0.3em; color: #000; } .box { flex: 1 0 33.33333%; text-align: center; } .box a { padding: 20px 30px; display: block; text-align: left; font-size: 24px; color: white; text-decoration: none; } .box a:hover { color: rgba(0, 0, 0, 0.52); } .box > img { width: 100%; height: auto; max-height: 170px; } .first > img { width: auto !important; } .col { flex: 1 0 33.33333%; padding: 35px 15px; box-sizing: border-box; } .col h1 { color: #412b26; font-weight: 300; font-size: 21px; } .col a { color: #e74c3c; text-decoration: none; font-weight: 500; } .col a:hover { color: #777; } .col small { line-height: 12px; } .fa { display: inline-block; font: normal normal normal 14px/1 'FontAwesome'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .fa-check:before { content: 'f00c'; } a.dashed { border-top: 1px dashed #b0b0b0; padding: 10px 0px; display: block; width: 100%; box-sizing: border-box; } #services p:nth-child(2) > a.dashed { border: 0; padding-top: 0; } p.review { padding: 10px 15px; background-color: #f1f1f1; font-size: 12px; position: relative; margin-bottom: 22px !important; } p.review:after { border-color: #f1f1f1 transparent transparent transparent; border-style: solid; border-width: 22px 22px 0 0; bottom: -22px; content: ''; height: 0; left: 22px; position: absolute; width: 0; display: block; } .post ul { padding-left: 35px; } .post li { list-style: disc; } div.first { background-color: rgba(0, 187, 255, 1); } div.second { background-color: rgb(17, 191, 3); } div.third { background-color: rgba(0, 187, 255, 1); } #post-181 > h2, #post-253 > h2 { display: none; } .proTitle { text-align: center; text-decoration: underline; text-transform: none !important; flex-basis: 100%; } .products { display: flex; flex-wrap: wrap; margin-bottom: 70px; } .product { max-width: 600px; background-color: #fff; padding: 15px 20px; margin: 30px auto 0; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.09); position: relative; cursor: pointer; } .product:hover:before { content: "Click to view specs."; position: absolute; top: 50%; margin: auto; display: block; text-align: center; width: 100%; margin: -20px; background-color: rgba(255, 255, 255, 0.47); border: 1px dashed; font-size: 16px; line-height: 50px; } .toggle:hover:before { content: "Click to close specs." !important; } .product h3 { text-decoration: underline; margin: 0px 0 15px; font-size: 18px; } .flex { display: flex; flex-wrap: wrap; } .flexed { flex: 1; } .info { display: flex; opacity: 0; width: 0px; flex-wrap: wrap; flex: 1 1 0px; height: 0px; color: #000; font-family: Helvetica, serif; font-size: 12px; overflow: hidden; transition: all 0.4s; } .info strong { flex-basis: 125px; } .info span, .img { flex: 1 1 50%; } #footer-sidebar { margin-top: 50px; background-color: rgba(255, 255, 255, 0.35); display: flex; flex-wrap: wrap; align-items: center; text-align: center; } div#footer-widget-1 img { max-width: 150px !important; height: auto; } div#footer-widget-1 { text-align: left; color: white; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.47); margin-left: auto; flex-basis: 300px; } #footer-widget-1 h2.widgettitle { font-weight: 300; margin: 0 0 10px; } #footer-sidebar .widget img { vertical-align: middle; } span#text-3 { display: inline-block; text-align: center; flex-basis: 265px; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } div#footer-widget-2 { flex-basis: 580px; } div#footer-widget-2 > span { display: inline-block; } div#footer-widget-3 { flex-basis: 270px; margin-right: auto; } footer { background: linear-gradient(rgb(0, 129, 255), rgb(37, 0, 255)); color: white; font-size: 12px; box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5); } #back-top a { border-radius: 45px; width: 55px; font-size: 50px; } #back-top a:hover { background-color: rgba(7, 0, 255, 0.47); color: #00EE01; } #nav_menu-2 h2 { display: none; padding: 5px 0; cursor: pointer; -webkit-margin-after: 0; background-color: rgb(0, 132, 180); font-weight: 300; font-size: 30px; margin: 0; } #nav_menu-2 h2:after { content: "\f0c9"; font-family: "FontAwesome"; position: absolute; right: 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .overflow { overflow: auto; } .left { float: left; } .right { float: right; max-width: 320px; } .box { text-align: left; max-width: 400px; margin: 30px auto 0; display: block; } .box h2 { text-transform: none !important; } .box img { margin: auto; display: block; } footer > cite:first-of-type { display: none; } blockquote { box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); padding: 5px 20px; border-left: 5px solid rgba(125, 125, 125, 0.5); position: relative; font-size: 13px; } blockquote:after { display: block; height: 0; content: "“"; margin-left: -.95em; font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif; color: #999; position: absolute; top: 0px; left: 10px; } @media (max-width: 1100px) { li#synved_social_follow-2 { margin: auto 0 auto auto; flex-basis: 50%; } #nav_menu-2 h2 { display: block; background-color: rgb(53, 231, 1); } #nav_menu-2 > div { display: none; } #nav_menu-2 li a { width: 100%; box-sizing: border-box; } #nav_menu-2 li, .sub-menu, .sub-menu li { clear: both; top: 0px !important; display: block !important; width: 100% !important; position: inherit !important; } .sub-menu a { display: block !important; } #nav_menu-2 div li:hover > a, #nav_menu-2 div a:focus { background: none; } #footer-widget-1, #footer-widget-2, #footer-widget-3 { flex-basis: 100%; margin: auto; } } @media (max-width: 850px) { #footer-widget-1 > span { flex-basis: 100%; text-align: center; margin: auto; } .col { flex-basis: 100%; } #content-container { padding: 8px; } h1.slider_title { font-size: 160%; } .slider_content { font-size: 140% !important; } #welcome { order: 2; } #services { order: 4; } #reviews { order: 6; } div.first { order: 1; } div.second { order: 3; } div.third { order: 5; } }
Office: (408)-377-4943
Email: install@bayareawhf.com
Hours: Monday – Friday 8am – 5pm
Location: 1340 White Oaks Rd, Unit F Campbell CA, 95008
Demographic Service Area: Greater Bay Area from the Peninsula to Gilroy