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
The Bay Area WHF Team
We are a family owned business providing the highest quality of service for our clients and dedicated to meeting or exceeding the high expectations our Clients expect from a professional installation company. Our core family values are the foundation for the culture we strive to maintain within our corporate structure. Integrity, productivity & communication are the keys to success within our company which benefit our Employees and our Clients. We strive to provide a safe & secure environment for our employees with high level training to our technicians. It is our philosophy that by providing a positive & motivating company culture we are contributing to the overall prosperity of the business as well as our community. Are you an ambitious and goal oriented person looking for an equally ambitious company dedicated to excellence? If so please inquire about our employment opportunities by calling (408) 377-4943
^