/*
Theme Name: Patch Pros, LLC
Theme URI: http://www.patchprosllc.com/
Description: This theme is designed to have a two column layout. The site uses responsive design, 100% width, widgets, custom menu, rotating header, jquery, css3 and html5.
Author: Michael Giordano
Version: 1.0
Tags: two-columns, responsive-design, custom-header, custom-background, custom-menus
*/

/* CSS Document & HTML Elements */
/* used by WordPress */
.alignnone {margin:0;}
.aligncenter, div.aligncenter {display:block;margin: .5em auto;}
.alignright, .fRight {float:right;margin: 0 0 .2em .5em;}
.alignleft, .fLeft {float:left;margin: 0 .5em .2em 0;}
.aligncenter {display: block;margin: 1em auto;}
a img.alignright {float:right;margin: 0 0 .2em .5em;}
a img.alignnone {margin: 0;}
a img.alignleft {float:left;margin: 0 .5em .2em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.clear{clear:both}
.wp-caption {border: 1px solid #ddd; background-color: #f3f3f3; padding: .5em; margin: .5em 1em; display: table-cell; }
.wp-caption img {margin: 0;padding: 0; }
.wp-caption p.wp-caption-text {font-size: 81.3%; line-height: 1.5em; margin: 0; text-align: center;}
#wpadminbar{z-index: 99999999999999999999999999999!important;}
.gform_wrapper textarea, .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password]{font-size:1em!important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction{font-size:.9em!important;}

/*reset our css*/
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,b, 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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline; font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
blockquote {font-style:italic;width:80%;margin:0.25em 0;padding:0.25em 2em;line-height:1.45;position:relative;color:#fff;background:#107fc9;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;-webkit-box-shadow: 0px 8px 5px #000000; -moz-box-shadow: 0px 8px 5px #000000; box-shadow: 0px 8px 5px #000000;}
blockquote:before {display:block;content:"\201C";font-size:400%;position:absolute;left:0em;top:-.1em;color:#fff;}
blockquote:after {display:block;content:"\201D";font-size:400%;position:absolute;right:.3em; top:-.1em;color:#fff;}
blockquote cite {color:#46b1e5;font-size:80%;display:block;margin-top:5px;}
blockquote cite:before {content: "\2014 \2009";}
blockquote cite a{color:#fff!important;}

/* set our new html css values */
body{color:#121212 ; font:1em 'Lato', sans-serif; line-height:1.8em; background-color: #fff;}
body#tinymce{background-image:none!important; padding-top:0!important; background-color: #fff!important}
table{border-spacing:0px; border-collapse:separate}
tr{ vertical-align:top}
td{vertical-align:top}
img, img[class*="align"], img[class*="wp-image-"], div.product-thumb img{border:0cm; max-width:100%; height:auto; -ms-interpolation-mode: bicubic; vertical-align: baseline;}
img[class*="wp-image-"]{border:0cm}
p{padding: .5em .7em;text-align: left;}
h1{font: 166% 'Lato', sans-serif; color:#ee652d; padding: .3em; font-weight: 700; line-height: 2em;}
h2{font: 137.5% 'Lato', sans-serif; color:#ee652d; padding: .25em .3em ; font-weight: 700}
h3{font: 125% 'Lato', sans-serif; color:#ee652d; padding: .25em .6em; font-weight: 700}
h4{font: 118.8% 'Lato', sans-serif; color:#ee652d; padding: .25em .4em; font-weight: 700}
h5{font: 112.5% 'Lato', sans-serif; color:#ee652d; padding: .25em .4em; font-weight: 700}
h6{font: 106.3% 'Lato ', sans-serif; color:#ee652d; padding: .25em .4em; font-weight: 700}
li{}
a{color:#ee652d; text-decoration:underline; word-wrap:break-word;}
a:hover{text-decoration:underline;}
hr{color:#ee652d; background-color:#ee652d; height:1px; line-height:1px; border: 0px; clear: both}
strong, b{font-weight:bold}
small, .small{font-size:87.5%}
em, i{font-style:italic}
strong em, strong i, b em, b i, em strong, em b, i strong, i b{font-weight: bold; font-style: italic;}
iframe {padding:0px 8px;}
iframe, object, embed{max-width: 95%; max-height: auto;}
iframe{width:560px; height: 315px}
blockquote,ul,ol{margin:1em; margin-top:.25em;}
ul li ul, ol li ol{margin-top:0em;}
ol{padding-left:2em;}
ul{padding-left:2em;}
ul li{ list-style-type:circle; list-style-position:outside;}
ol li{ list-style-type:decimal; list-style-position:outside}
textarea, input{border:1px solid #ee652d; background:#efefef; color:#000; padding:.5em; font-family:'Lato', sans-serif;}
textarea:hover, input:hover{border:1px solid #505050; background:#fff204; color:#000}
textarea:focus, input:focus{border:1px solid #505050; background:#fff204; color:#000}
sub{position: relative;top: .5em;font-size: 80%}
sup{position: relative;top:-.5em;font-size: 80%}

/* html5 elements*/
nav{}
footer{width:100%;}

/* header div */
#headerWrapper{width:100%;}
#header{width:90%; margin:0cm auto;}

/*top menu*/
nav .menu-top-menu-container{}
.menu-top-menu-container{padding: 2em 0; clear: both; width: 100%}
#menu-top-menu ul {list-style-type: none!important; padding: 0cm; margin: 0cm; float: left;}
#menu-top-menu li {float: left; padding:0; text-align:center; }
#menu-top-menu li a{text-decoration:none; padding:.25em .5em; cursor:pointer!important; font-family: 'Francois One', sans-serif; color: #ee652d; font-size:150%; text-transform: uppercase;}
#menu-top-menu li a:hover{color:#999999;}
#menu-top-menu li li:hover{background-color: #000}
#menu-top-menu li li a:visited{color:#ee652d;}
#menu-top-menu li li a:hover{color:#999999!important;}
#menu-top-menu li li{background:#000; padding: .5em}
.sub-menu li{text-align:left!important;}
#menu-top-menu li .sub-menu li a{padding:0 .3em;}
#menu-top-menu li.current-menu-item a{color:#999999; }

/*logo , rotator, featured image*/
#featured-image-wrapper{width:100%; background: #505050; clear: -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;   background-size: cover;}
#featured-image-content{width:100%; margin:0cm auto;}
#featured-image-wrapper-home{width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#featured-image-content-home{width:100%; margin:0cm auto;}


/*sub-menus drop down styles*/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {/*line-height:1.0;*/}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative; z-index:9999900;}
.sf-menu a{display:block;position:relative; z-index:9999901;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */ z-index:8999900;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em;/* match ul width */ top:0;}
.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background: none;outline:0; color:#e7e7e7}

/*body div*/
#bodyWrapper{width:100%; clear:both;}
#contentWrapper{width:90%; margin:0cm auto;  display: table; overflow: hidden; padding: 0;}
#content-placeholder{display:table-cell; height:100%; vertical-align:top; padding:0 1%; min-width: 70%; max-width: 100%}
#sidebar{width:30%; display: table-cell; height: 100%; vertical-align: top; padding-left: 1em;}
div.entry {margin: 0;padding-top: 0;}
#image-rotator{float:left; width:50%;}
#page-content-rotator{padding-top: 1.5%; float: left; width: 50%}
#left-column, #right-column{float:left;width:50%;}

/*footer*/
#footerWrapper-home{width:100%; background: #4c4b4b; }
#footerContent-home{width:90%; margin:0cm auto; text-align:center;}
#footer-copyright-home{width: 100%; padding: 0; clear: both;}
#footer-copyright-home p{color: #eee; text-align: center; font-size: 93.8%}
#footer-copyright-home a{color: #eee;}
#footerWrapper{width:100%; background: #262525; }
#footerContent{width:90%; margin:0cm auto; text-align:center;}
#footer-copyright{width: 100%; padding: 0; clear: both;}
#footer-copyright p{color: #eee; text-align: center; font-size: 93.8%}
#footer-copyright a{color: #eee;}
#footer-contact p, #footer-contact a, #footer-contact h1, #footer-contact h2, #footer-contact h3, #footer-contact h4, #footer-contact h5{color:#eee; font-size: 125%;}

/* gravity forms */
#gform_wrapper_1{padding-left:.5em;}

/*home only*/
#home-only{}
#home-only .content-div{float:left; width:33%;}
#featured-image-content-home h1{display: none; text-align: center; color: #fff;}
#orange-bar{background: #ee652d; width: 99%; text-align: center; padding: .5%;}
#orange-bar p{color: #fff;text-align: center; font-size: 110%}
#logo, #contact-us-home{text-align: center;}
#contact-us-home{padding-bottom: 1em;}
#featured-image-content-home p{text-align: center}

/*search*/
#site-search{}
input#s{color:#a1a4a7; text-align:left; width:20em; border:1px solid #dcddde; float: left; background: transparent!important;}
input#searchsubmit{background:#107fc9; border:1px solid #107fc9; color:#919090; float: left; color: #fff;}
.archive-meta-wrap {background: none repeat scroll 0 0 #FFFFFF;float: left; height: 3em; margin: 1em; text-align: center; width: 4em;}
.archive-date {border: 1px dotted #0b126b;color: #0b126b;float: left;width: 100%;}
.archive-date-month {float: left; text-transform: uppercase; width: 100%;}
.archive-date-day {float: left;width: 100%;}
.archive-date-year {float: left; width: 100%;}
.archive-comment {color: #B6B8BC;float: left;height: 32px; margin: 10px 0 0 0;padding: 5px 0 0; text-align: center; width: 40px;}
.archive-comment a {color: #0087D0;}
.archive-comment a:hover, .archive-comment a:active {color: #960000;text-decoration: none;}
.archive-copy {float: left;width: 100%;}
.archive-thumb {float: right;margin: 0 0 20px 30px;position: relative;width: 150px;}
.archive-thumb img {height: 100px;width: 150px;}

/* classes */
.textwidget{padding-top: 1.1em}
.sb-clear{clear: both;}
h2.contact-padding{padding-top:.8em;}

/*mobile menus*/
.nav-button { display: none; } /* hide the navigation button by default */
@media only screen and (min-width: 0px) and (max-width: 1000px) {
/* Navigation Button */
.nav-button {display: block;position: absolute;top: 7px;left: 7px;width: 50px;height: 35px;background: url('images/layout/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center; background-repeat: no-repeat;background-size: 21px, 100%;cursor: pointer;border: 0 none;border-bottom: 1px solid rgba(255,255,255,.1);box-shadow: 0 0 4px rgba(0,0,0,.7) inset;border-radius: 5px;z-index: 999991;text-indent: -9999px;}
.nav-button:hover {background-color: rgba(0,0,0,.1);}
.nav-button.open {background: url('images/layout/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); background: url('images/layout/close-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/close-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/close-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center;background-repeat: no-repeat;background-size: 21px, 100%;}
/* Navigation Bar*/
body { padding-top: 50px; }
#menu-top-menu {width: 100%;float: none;background-color: #000; /* change the menu color */background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));display: block;height: 50px;margin: 0;padding: 0;overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,.6);position: absolute;top:0px;left: 0px;z-index: 999990;clear: both;}
#menu-top-menu li {display: none;width: 100%;text-align:left!important; right:0;}
#menu-top-menu li a {display: block;width: 90%;padding: 10px 5%;border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,.1);}
#menu-top-menu li li a{color:#fff!important; background:none!important;}
#menu-top-menu li a:hover {background-color: rgba(0,0,0,.5);border-top-color: transparent;color:#fff!important}
#menu-top-menu > li:first-child {border-top: 1px solid rgba(0,0,0,.2);}
/* Toggle the navigation bar open  */
#menu-top-menu.open {height: auto;padding-top: 50px;}
#menu-top-menu.open li {display: block;}
/* Submenus – optional .parent class indicates dropdowns */
#menu-top-menu > li:hover > a {background: rgba(0,0,0,.5);border-bottom-color: transparent;}
#menu-top-menu ul.sub-menu{ display:block!important; visibility:visible!important; position:static;}
#headerWrapper{height: 0}
/*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in  .navigation-container{margin-top: 32px!important}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 40px;}
    /*end admin menu logged in offset*/
}
/* End Mobile menu */
/*responsive css coding*/
/* desktop and pc's*/
@media only screen and (max-width: 1440px) {}
/* 1366px screen resolution */
@media only screen and (max-width: 1439px) {}
/* 1280px screen resolution */
@media only screen and (max-width: 1365px) {
    #header{width:95%;}
}
/* 1024px screen resolution */
@media only screen and (max-width: 1279px) {
    #header{width:99%;}
    #menu-top-menu li a{font-size: 118.8%}
}
/*tablets*/
@media only screen and (max-width: 900px) {
    #image-rotator, #page-content-rotator{float: none; width: 100%}
}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width : 775px) {
    .alignnone, a img.alignnone, .aligncenter, div.aligncenter, a img.aligncenter, .alignright, .fRight, a img.alignright, .alignleft, .fLeft, a img.alignleft {display:block; margin: 2em auto; float: none;}
}
@media only screen and (max-width : 605px) {
    #home-only .content-div{width:100%;}
    #left-column, #right-column{width:100%;}
    #left-column{display: none; visibility: hidden;}
    /*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in #navigation-container{margin-top: 46px!important}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 55px;}
    /*end admin menu logged in offset*/
}
@media only screen and (max-width : 535px) {}
@media only screen and (max-width : 534px) {}
/*end conditional css*/
/* CSS for View Full Site */
.rwd-display-options{ text-align: center!important; }
.rwd-display-option, #view-responsive{ cursor: pointer!important; background: #ee652d; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); padding: .5em 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#view-responsive{ display: none; }
@media only screen and (min-width: 900px){
    #view-full{ display: none; }
    #view-responsive{ display: inline; }
}
@media only screen and (max-width: 900px) {
    .rwd-display-options{padding: 1em;}
}
/*back to top*/
.spotlight-top {display: inline-block;height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(238, 101, 45, 1) url(images/layout/back-to-top.png) no-repeat center 50%; visibility: hidden; opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.spotlight-top.spotlight-is-visible, .spotlight-top.spotlight-fade-out, .no-touch .spotlight-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.spotlight-top.spotlight-is-visible {visibility: visible; opacity: 1;}
.spotlight-top.spotlight-fade-out {opacity: .5;}
.no-touch .spotlight-top:hover {background-color: #ee652d;opacity: 1;}
@media only screen and (min-width: 768px) {
    .spotlight-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
    .spotlight-top {height: 60px; width: 60px; right: 30px; bottom: 30px;}
}