/*
Theme Name: SuperSimple
Theme URI: http://tidythemes.com/supersimple/
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: A super simple and clean responsive CSS framework built on top of BlankSlate. Learn CSS | Support Forum
Version: 4.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, gray, silver, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: supersimple
SuperSimple WordPress Theme © 2011-2014 TidyThemes
SuperSimple is distributed under the terms of the GNU GPL
*/
/*-----------------------------------Global-----------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
body{
position: relative;
font-family:Roboto,arial,helvetica,sans-serif;
font-size:14px;
color:#333;
margin: 0;
background:#fff;
background-image: url("http://www.afactor.us/onecallplumbing/wp-content/uploads/2016/05/Background-compressor.jpg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}
#header, #footer {background:#FAFAFA; border: solid; border-width: 3px; border-color: #909190; border-radius: 5px;}
.page-template-creative-php{margin:40px;}
p{text-align:justify;margin:20px 0}
.entry-content p, .entry-content p a{font-family:Roboto,arial,helvetica,sans-serif;font-size:15px;line-height:20px;}
#content{ position: relative; line-height:18px; background:#eee; border: solid; border-width: 2px; border-color: #909190; border-radius: 5px; height: 100%;}
a, h2{font-family:Roboto,georgia,sans-serif;color:#09f;text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:20px 0 10px;clear:both;}
h1{font-size:25px;color:#666;}
h2{font-size:20px;line-height:125%;}
h3{font-size:16px;color:#888;}
strong{font-weight:bold;}
em{font-style:italic;}
code{font-family:Roboto,'courier new',courier,serif;color:#777;}
pre{overflow-x:auto;white-space:pre-wrap;}
hr{height:1px;color:#ccc;border:0 none;margin:30px 0;background-color:#ccc;}
.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol{font-family:helvetica,arial,sans-serif;margin-left:0px;}
.entry-content li:before, .comment-content li:before, #hsidebar .children li:before, #fsidebar .children li:before{content:""}
ol li:before, #login-register-password li:before{content:"" !important}
#container ol, .comment-content ol, #hsidebar ol, #fsidebar ol{list-style:decimal inside;}
#sidebar .widget-container ul{display:block;margin-left:10px}
blockquote{padding:0 20px;border:4px double #ddd;margin:20px 2%;background:#f6f6f6;}
input, textarea{color:#666;padding:5px;border:1px solid #ccc;background:#f6f6f6;}
input[type="submit"]{cursor:pointer;}
a img, input[type="image"]{border:0 none;}
img, video{max-width:100%;height:auto;}
table{width:100%;}
#content img, #content figure, #content table{max-width:640px;height:auto;}
#sidebar img, #sidebar figure{max-width:300px !important;height:auto;}
#wrapper{min-width:320px;max-width:1250px;margin:0 auto;}
#header{padding:0;margin-bottom:0;clear:left;}
#content{width:95.5%;padding:0 2%;float:left;}
.page-template-sidebar-left-php #content{float:right;}
.page-template-sidebar-none-php #content{width:96%;}
#sidebar{width:30%;margin-right:2%;float:right;}
.page-template-sidebar-left-php #sidebar{margin-right:0;margin-left:2%;float:left;}
#hsidebar, #fsidebar{margin:0 2%;}
#hsidebar .widget-container, #fsidebar .widget-container{padding-right:25px;margin-bottom:30px;float:left;}
#footer{ padding-top:20px;clear:both;}
.entry-meta, .entry-meta a, .entry-footer, .comment-meta, .comment-meta a, #copyright, #copyright a{color:#666;font-size:13px;}
#site-title a, #site-title h1 a, #site-title h1{font-size:35px;padding:0;margin:0;}
#site-title a:hover, #site-title h1 a:hover{text-decoration:none;}
#site-description{font-size:18px;margin:10px 0 20px;}
h4, h5, h6, #site-description, .entry-meta, .comment-meta, #form-allowed-tags code, #copyright{color:#aaa;}
#sidebar ul, #hsidebar ul, #fsidebar ul, #footer .menu, #footer .menu li{display:inline;list-style:none;padding:0;margin:0;}
.widget-title{padding-bottom:5px;margin-top:25px;margin-bottom:8px;border-bottom:1px solid #ccc;}
.widgettitle a {color:#fff;}
#respond h3{clear:left;}
#footer #fmenu{text-align:center;margin-top:20px;}
#footer .menu li a{color:#666;font-size:16px;margin-right:20px;}
#footer .menu li:last-child a{margin-right:0;}
#copyright{text-align:center;padding:20px;}
#search{margin-top:-4px;float:right;}
#sidebar #search{float:none;}
#s{width:229px;height:16px;border-right:0;float:left;}
#s:focus{background:#fff;}
#searchsubmit{width:60px;height:28px;float:left;}
.error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left;}
.post{padding-bottom:20px;border-bottom:1px dashed #ccc;margin-bottom:20px;}
.entry-footer{margin-top:10px;}
.single .entry-title{text-align:left;line-height:30px;}
.entry-title a{font-size:22px;}
.nav-previous{text-align:left;float:left;}
.nav-next{text-align:right;float:right;}
.comments ul{padding:0;margin:0;}
.comment, .trackback, .pingback{list-style:none;padding:10px;margin:10px 0;}
.odd{background:#f6f6f6;}
.form-allowed-tags code{font-size:12px;}
#respond input{width:40%;display:block;}
#respond input:focus, #respond textarea:focus{background:#fff;}
#respond textarea{width:98.125%;height:100px;overflow:auto;}
#respond #submit{width:auto;font-weight:bold;}
.avatar{width:32px;height:32px;margin:0 5px 5px 0;float:left;}
.sticky{padding:15px 15px 15px 15px;margin-top:20px;background:#f6f6f6;}
.sticky h2{margin-top:0;}
.bypostauthor{background:#f6f6f6;}
#wp-calendar{width:100%;}
#wp-calendar td{text-align:center;}
#wp-calendar #prev{text-align:left;}
#wp-calendar #next{text-align:right;}
.wp-post-image{margin-top:10px;}
.wp-caption{max-width:640px;margin:20px 0;}
.wp-caption-text, .alignleft, .aligncenter, .alignright{max-width:640px;text-align:center;}
.gallery-caption{border:1px solid #ccc;}
.alignleft{margin:20px 20px 20px 0;float:left;}
.alignright{margin:20px 0 20px 20px;float:right;}
.aligncenter{display:block;margin:20px auto;clear:both;}
.gallery{margin:20px auto !important;}
.size-thumbnail{margin:5px;}
.attachment #nav-above a{font-size:25px;}
.entry-links{clear:both;}
#footer { max-width: 1250px; margin: 0 auto; }
.topservice {
color: red;
font-weight: bold;
font-size: 1.5em;
display: block !important;
margin: 0 auto;
}
.sociallinks {
text-align: center;
position: relative;
width: 100%;
padding-bottom: 5%;
}
.social:hover {
opacity:0.8;
}
.serve {text-align: right; margin-right: .5%; margin-top: 0; margin-bottom: 0;}
.serve2 {text-align: right; margin-right: 5.6%; margin-top: 1%;}
.social { position: relative; display: inline-block; float: right; margin-right: .3%;}
.social img {margin: 0;}
#site-title img {float: left;}
#site-title b {text-align: center;}
#afactor {text-align: right;}
.num { display:inline-block; margin: 0 auto;}
.socials,.titleimg {display:inline-block; width: 25%;}
#header {text-align:center;}
.titleimg {padding-right: 3%;}
.gpr-review-avatar img {width: 55px;}
.blog .entry-title {display:block;}
.entry-meta, .entry-footer {display:none;}
.more {color: #fff!important; text-align: center;}
.more a {color:#fff;}
.underline {text-decoration: underline;}
/*-------------------------------------MENU-------------------------------------*/
#container {position: relative;}
.menu-main-container {background-image: linear-gradient( rgb(22,131,182), #015283); padding: 0; border: solid; border-width: 2.5px; border-color: #909190; border-radius: 0.3px; color: #fff; text-align: center; padding: 2%;}
div.menu-main-container a {color: #fff !important;}
#menu ul li a{ padding: 1% !important; margin: 1%; border:solid; border-radius: 6px; border-width: 0px;}
#menu ul li a:hover {background-color: #fff; color: #000 !important;}
#menu{border-bottom:1px solid #ccc;margin:0 0 0}
#menu ul li a{display:inline-block;font-family:Roboto,sans-serif;font-size:22px;color:#09f;text-decoration:none;padding-bottom:5px;margin:0 13px 0 0}
#menu ul, #menu ul li{display:inline;margin:0;padding:0;list-style:none;padding-left:2%;}
#menu ul li{position:relative}
#menu li ul{display:none;position:absolute;top:22px;left:0}
#menu ul li:hover ul{display:inline-block}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul{display:none}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{display:block;position:absolute;z-index:2147483647}
#menu ul li:hover ul li a, #menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{font-size:14px;color:#666;border:#ccc 1px solid;margin-top:-1px;background:#fff}
#menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{margin-top:-2px}
#menu ul li:hover ul li a:hover, #menu ul ul li:hover ul li a:hover, #menu ul ul ul li:hover ul li a:hover{color:#888}
#menu ul li:hover ul li a{width:150px;padding:5px}
#menu ul ul li:hover ul li a{width:145px;padding:5px 5px 5px 10px}
#menu ul ul ul li:hover ul li a{width:140px;padding:5px 5px 5px 15px}
.current-menu-item a{color:#0073bf !important}
.current-menu-item a:hover{color:#0064a6 !important}
.current-menu-item .sub-menu a{color:#666 !important}
.current-menu-item .sub-menu a:hover{color:#888 !important}
/*----------------------------------------------Homepage/Cards-----------------------------------------*/
article { background: #eee !important; }
article p { margin: 2%; }
.post .entry-title {display:block;}
.entry-title {display: none;}
.tagline { text-align: center; color: #225180; font-size: 1.2em; }
.cards {
display: inline-block;
position: relative;
width: 100%;
height: auto;
}
.slideshow {
width: 64.5%;
height:257px;
overflow-y: scroll;
margin-top: 2%;
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0, 0.42);
}
.services {float: right; width: 30%; top: 5%;
height:20%;
background-image: linear-gradient( rgb(22,131,182), #015283);
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0, 0.52);
}
.services p { position: relative; overflow-y: scroll !important;}
.tips {width: 29.5%;float: right; margin-right: 5%;
height:202px;
overflow-y: scroll !important;
background-image: linear-gradient( rgb(22,131,182), #015283);
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0, 0.52);
}
.widgettitle {text-align: center;}
.widgettitle, #tipoftheday {color: #fff;}
#tipoftheday {margin-left: 5%; margin-right: 5%;}
.reviews{ width: 30.5%;
height:20%;
padding-top: 4.3%;
padding-bottom: 4.3%;
background-image: linear-gradient( rgb(22,131,182), #015283);
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0, 0.52);
}
.servicelinks {
list-style-type: none;
padding-top: 5%;
margin-left: 0 !important;
position: relative;
width: 100%;
padding-bottom: 5%;
text-align: center;
}
.slink {
text-align: center;
position: relative;
display: inline-block;
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
margin-right: 4%;
box-shadow: 0 2px 4px rgba(0,0,0, 0.52);
}
.slink:hover {background-color: rgba(198,40,40,0.8);}
.slink a:hover {color:#fff;}
.wpcf7-submit {border-radius: 5px; font-size: 1.1em; background-color: red; color: #fff;}
.wpcf7-submit:hover {background-color: #07609C; color:#fff;}
.imgfix {padding: 4% 6% 4% 6%; opacity:0.9; box-sizing: border-box; width: 120px; margin-top:5%;}
.wpcf7-form h3 {
padding: 4%;
margin-left: 15%;
margin-right: 15%;
border: solid;
border-width: 1px;
border-color: #fff;
border-radius: 10px;
background-image: linear-gradient(red, #B71C1C);
}
/*-------------------------------------------About--------------------------------------------*/
.about,.septicpg, .drainpg, .plumbingpg, .gaspg, .faqpg {
margin: 5%;
}
.halfpage {width: 35%; display: inline-block; padding-left: 8%; vertical-align: top;}
.emphasize { font-size: 1.1em; }
.about img, .servicepg img, .halfpage img {border: solid; border-width: 3px; border-radius: 3px; border-color: #909190;}
.onecallvid {max-width: 100%; height: 30%; margin-left: 26% !important;}
.video-wrap {width: 60% !important; padding-top: 36% !important;}
/*-----------------------------------------Services---------------------------------------------*/
#tabs-256, #tabs-252 {background: #BDBDBD;}
.servicespg .halfpage{padding-left:0; margin-right: 1%;}
.servicespg hr {width: 70%;}
.servicespg {display: inline-block;}
.side{background-color: #e0e0e0; float: right; width: 22%; }
.side p { margin-left: 10%; margin-right: 10%;}
.page-id-113 input, .page-id-113 textarea {width: 80%;}
.page-id-113 h3 {color: #000 !important;}
.serviceimg img {margin-left: 2%;}
.imgs {width: 40%; text-align: center; display: inline-block; padding: 4%;}
/*------------------------------------------Plumbing--------------------------------------------*/
.bluecontainer {
width: 100%;
padding-top: 4.3%;
padding-bottom: 4.3%;
background-color: rgb(22,131,182);
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
}
.bluecontainer p {
margin: 2%;
color: #ccc;
}
.bluecontainer b {
text-align: center;
color: #eee;
}
.serviceheading{
text-align: center;
font-size: 2em;
font-weight: bold;
}
/*-------------------------------------------Drain--------------------------------------------*/
.blockdiv { width: auto; display: block;}
.blueblock1, .blueblock2, .blueblock3, .blueblock4 {
width: 38%;
height: 300px;
background-color: rgba(13,71,161,0.6);
border: solid;
border-width: 2px;
border-color: #909190;
border-radius: 5px;
display: block;
float: left;
margin: 5%;
overflow-y: scroll;
}
.blueblock p {
margin: 5%;
color: #ccc;
}
/*------------------------------------------Pipe-Lining----------------------------------------*/
.pipeliner {
margin-left: 5%;
margin-right: 5%;
}
/*------------------------------------------Contact--------------------------------------------*/
.contact {
float: right;
margin-right: 5%;
}
.bold {
font-size: 1.3em;
}
.page-id-74 .halfpage {padding-bottom: 5%;}
/*-------------------------------------------MOBILE---------------------------------------------*/
@media all and (max-width:768px){
.services {display: none;}
.reviews {width: 60%;}
.slideshow {width: 60%;}
.servicelinks {text-align: center;}
.servicelinks li img {width: 100px !important;}
.tips {height: 185px;}
.homebottom img {width: 124px !important;}
.serve, .serve2, .onecall {margin:4%;}
.topservice {display: none;}
.blueblock { width: 100%;}
.socials, .titleimg { width: 100%;}
}
@media all and (max-width:999px){ #content figure, #content table, #sidebar img, #sidebar figure, .wp-caption{width:100%;}.serve, .serve2 {display:none;}}
@media all and (max-width:480px){#content, #sidebar{width:96%;}
#site-title img {padding: 9%; overflow: hidden;}
.sociallinks {text-align: center; margin: 1%; padding-bottom: 0;}
.social { float: none; width:15%;}
.services,.tips,.reviews,.slideshow {display: none;}
.reviews {width: 60%;}
.slideshow {width: 60%;}
.servicelinks {text-align: center;}
.servicelinks li img {width: 100px !important;}
.homebottom img {display: none;}
.contact halfpage {text-align: center; vertical-align: bottom; display: inline !important;}
.contact {
position: relative;
float: none;
}
.halfpage {display: inline;}
#map iframe {width: 250px; height: 150px;}
.onecall {padding: 10%;}
.serve, .serve2 {text-align: center;}
.topservice {display: none;}
.blueblock { width: 100%;}
.halfpage {padding-left: 0;}
.topservice{display:none;}
.num { display:block; margin: 0 auto; padding:10%;}
.socials,.titleimg {display:block; width: 100%;}
.side {display:none;}
.titleimg p {clear:both;}
.about img, .servicepg img, .halfpage img, .page-id-293 img {max-width: 100% !important;}
.video-wrap {width: 100% !important; padding-top: 56% !important;}
.onecallvid {margin:0 !important;}
}
@media all and (max-width:321px){#site-title img {padding: 2%;} .social img {width: 50px;} .topservice {display: none;}.blueblock { width: 100%;}}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.comment-notes, .form-allowed-tags{display:none}
.attachment #nav-above{display:block}