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
IAQ – Indoor Air Quality
Americans, on average, spend approximately 90% of their time indoors, where the concentration of some pollutants are often 2 to 5 times higher than typical outdoor concentrations.
Effective ventilation may also help keep bacteria, viruses & other pollutants out of the indoor air. The more stagnant the air is, the more likely diseases and molds are to spread.
Increase ventilation in your home by opening windows to keep your home safe!
DON’t TRAP IN POLLUTANTS, VENT THEM OUT!
^