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
How It Works
Anytime it is cooler outside than the inside of your home, the WHF will pull the cooler outdoor air through your open windows, across your living space, into the attic, and out through your attic vents replacing the hot stale air. This helps cool the entire thermal mass of your home, allowing it to remain cooler day after day.
With a QuietCool WHF you can exchange all of that poor, warm air in your home in just 3-4 minutes. With this process you can instantly feel up to 5-10 ºF cooler and breathe easier than ever before.
^