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
Home Page
What is a Whole House Fan?
A WHF is a natural cooling ventilation appliance that significantly cools down your home and eliminates the dependency for ‘manufactured’ cool air. Effective whenever outdoor temperatures drop below indoor temperatures, a WHF will efficiently lower the temperature in your home in just 3-4 minutes. WHF’s force the hot, stale air into the attic out through the roof vents, while at the same time drawing cool air in through open windows.
^