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;
}
}
CA Contractors License# 1020026
Call Today for A Free Estimate
Now Providing COV-19 SIP Remote Estimates!
(408) 377-4943
About Us
Bay Area WHF is a fully licensed, bonded, and insured family owned local business. Integrity, productivity & communication are the cornerstones to our company which directly benefits our highly valued Employees and Clients. It is our mission to educate the greater Bay Area Community about the multiple benefits of a Whole House Fan making the acronym “WHF” synonymous with Efficient Cooling and Energy Saving.
Bay Area WHF is a Platinum QuietCool Dealer which means our installation Technicians are factory trained and thoroughly know the QuietCool products we install. Being a trusted partner means that we have a close affiliation with the manufacturer allowing us to better serve our Clients and pass on our Platinum Dealer savings directly to the Homeowner.
Why Choose Bay Area WHF?
We offer our clients a high level of quality workmanship from beginning to end. Not only do we provide *free estimates to make sure we recommend the most efficient fan for your home ventilation needs; we also offer full product inspections, and custom installations particular to your home’s needs.
Our clients are always impressed with the level of meticulous professionalism we deliver with our installations so that when we are finished you are extremely satisfied and oriented on the use of your WHF.
Bay Area WHF Inc. Is an affiliated corporation to Left Coast Contractors which is a professional Residential Home Improvement & Remodeling Company so any additional ventilation or insulation needs are provided in house by our expert Installation Technicians.
Call Now to schedule a *Free Estimate (408) 377-4WHF
*During this COVID-19 event we are still providing SIP remote estimates for the health and safety of our Clients and Estimators.
^