/*

Theme Name: JJ Staten Theme

Theme URI:

Description:The JJ Staten Theme

Author: Brian Jones

Version: 1.0.0

Tags:

Text Domain:

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

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, font, 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 {

    background: transparent;

    border: 0;

    margin: 0;

    padding: 0;

    vertical-align: baseline

}



header, footer, hgroup, article, section, aside, nav {display: block}



body {

  font-family: arial, sans-serif;

  background: url(images/home-background.jpg) no-repeat center 0 fixed #f8f5e6;

}



h1, h2, h3, h4, h5, h6 {clear: both;

margin-bottom: 10px;





}



h1 {
	color: #747c61;
	font-family: BenthamRegular, arial, sans-serif;
}


h2 {
	color: #747c61;

}

h4 {
	color: #747c61;

}

h5 {
	color: #747c61;

}

h1.cdwh1 {

font-family: arial, sans-serif!important;

font-size: 20px!important;}



ol, ul { list-style: none}



a {
	color:#b19d50;
	font-weight: lighter;
	text-decoration: none;
}



a:hover {color: #747c61;}



input, textarea {

  padding: 5px;

  border: 1px solid #AEAD98;

  background-color: #CACBBF;



  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px

}



label, input[type="submit"], input[type="reset"] {cursor: pointer}



img, object {max-width: 100%}

blockquote {quotes: none}



del {text-decoration: line-through}



p {color: #2a2a2a; font-size:14px; margin-bottom: 15px; line-height: 1.5em}



object {width: 100%}



table {border-collapse: collapse;border-spacing: 0}



ul:after, .clearfix:after {

    content: " . ";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}



.big-body {

  width: 1020px;

  margin: 0 auto;

  position: relative;

}



/* wordpress css style

**************************************************/

a img.aligncenter{display:block; margin-left:auto; margin-right:auto}

.wp-caption{background:#fff; border:1px solid #f0f0f0; max-width:96%; text-align:center; padding:5px 3px 10px}

.wp-caption.alignright{margin:5px 0 20px 20px}

.wp-caption img{border:0 none; height:auto; max-width:98.5%; width:auto; margin:0; padding:0}

.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; margin:0; padding:0 4px 5px}

.alignnone, a img.alignnone, .wp-caption.alignnone, .wp-caption.alignleft{margin:5px 20px 20px 0}

.aligncenter, div.aligncenter, .aligncenter{display:block; margin:5px auto}

.alignright, a img.alignright{float:right; margin:5px 0 20px 20px}

.alignleft, a img.alignleft{float:left; margin:5px 20px 20px 0}



a#back-top {

  display: block;

  position: absolute;

  right: -40px;

  bottom: 60px;

  width: 39px;

  height: 48px;

  background: url(images/back-btn.png) no-repeat right 0;

}





/*Body and content random background style here

**********************************************************/

.page-template-contact-php, .page-template-contact-spanish-php {background: url(images/contact-bg.jpg) #EEE9DD no-repeat center 0 fixed}

.page-template-our-homes-php {background: url(images/our-homes-bg.jpg) #F9F8F3 no-repeat center 0 fixed}

.page-template-chinese-drywall-php {background: url(images/chinese-drywall-bg.jpg) #D1BCA7 no-repeat center 0 fixed}

.page-template-homes-features-php, .page-template-St-James-features-php {background: url(images/features-bg.jpg) no-repeat center 0}

.page-template-about-php {background: url(images/about-bg.jpg) #FAF6EA no-repeat center 0 fixed}

.page-template-blog-page-php {background: url(images/blog-bg.png) repeat fixed}

.single-post {background: url(images/blog-bg.png) repeat}

.page-template-faq-php {background: url(images/faq-bg.jpg) #F8F5E6 no-repeat center 0 fixed}

.page-template-contact-php #content, .page-template-contact-spanish-php #content,

.page-template-about-php #content {background: url(images/contact-yell.png) no-repeat right 0 #fff}

.page-template-contact-php #content, .page-template-contact-spanish-php #content,

.page-template-faq-php #content, .page-template-about-php #content {box-shadow: none;}



/* header css style

**************************************************/

#header {

  padding-bottom: 11px;

  margin-bottom: 80px;

  background: url(images/header-bg.png) repeat;

}



#header a.logo {

  display: block;

  margin-top: 25px;

  float: left;

}



#header .drywall-remediation {

  color: #fceaa5;

  padding:2px 10px 5px;

  font-size: 15px;

  font-weight: bold;

  position: absolute;

  top: 0;

  right: 0;

  background: url(images/remediation-bg.png) repeat-x;



  /*CSS3 style*/

  border-bottom-left-radius: 10%;

  border-bottom-right-radius: 10%;

  text-shadow:1px 1px 2px rgba(22,26,13, 0.5);

  box-shadow:0 0 5px #181a15;

}



#header .drywall-remediation span {

  color: #f5edcd;

  font-weight: normal;

  font-size: 19px;

  margin-left: 10px;

  position: relative;

  top: 2px;

}



#header .main-menu {

  float: right;

  margin-top: 50px;

}



#header .main-menu li {

  float: left;

  margin: 0 2px;

}



#header .main-menu li a {

  color: #b4a776;

  display: block;

  padding: 5px 7px;

}





p.welcome-to-jj-staten-homes {

 color: #2a2a2a;
 font-size: 20px;

}



#header .main-menu li a:hover {

  color: #E4F4C0!important;

}



#header .main-menu li.current-menu-item a {

  color: #e4f4c0;

}



.buildings-homes {

    color: #fff;

    margin-bottom: 0;

    padding: 20px;

    text-align: center;

    font-size: 22px;

    font-family: "Times New Roman";

    background: url(images/building-home.png) no-repeat right 0;



    text-shadow:1px 1px 1px #000;

    -moz-text-shadow:1px 1px 1px #000;

    -webkit-text-shadow:1px 1px 1px #000;

    -o-text-shadow:1px 1px 1px #000;

    -ms-text-shadow:1px 1px 1px #000;

}



/* Content style here

****************************************************/

.buildings-homes {

  text-align: right;

  background: url(images/building-home.png) no-repeat right 0;

}



#content {

  padding:45px 0;

  position: relative;

  margin-bottom: 60px;

  background-color: #fff;



  box-shadow: 0 0 25px #262626;

}



#content:before, #content:after {

  content: " ";

  width: 20px;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

}



#content:before {

  left: -20px;

  background: url(images/left-shadow.png) no-repeat;

}



#content:after {

  right: -20px;

  background: url(images/right-shadow.png) no-repeat;

}



#content .hr {

  height: 3px;

  width: 100%;

  margin: 20px 0;

  background-color: #b19d50;

}



#content .page-title {

  color: #b19d50;

  font-size: 35px;

  font-weight: bold;

  margin-bottom: 10px;

  position: relative;

}



.page-template #content .page-title:after {

  content: " ";

  display: block;

  height: 3px;

  width: 200px;

  position: absolute;

  bottom: 20px;

  right: 0;

  background-color: #b19d50;

}



#content h1.post-title {

  color: #B4A776;

  font-size: 30px;

  margin-bottom: 25px;

}



#content h2.post-title {font-size: 17px; margin-bottom: 10px;}



#content article.post span, #content article.page span {

  color: #b19d50;

  font-size: 14px;

  font-weight: normal;

  padding-left: 25px

}



#content .sub-title {

  color: #b19d50;

  font-size: 14px;

  font-weight: normal;

  margin-top: 25px;

  margin-bottom: 5px;

}



#content .sub-title span {color: #747c61}



#content article.post img, #content article.page img {

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

  border: 2px solid #8F7F44

}



#content article.post, #content article.page {margin-bottom: 50px}



#content .pagination span, #content .pagination a {

  color: #f4fcdf;

  padding: 5px 10px;

  margin-right: 12px;

  background-color: #909681;



  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;



  text-shadow:0 1px 2px #373931;

}



#content .pagination span.current, #content .pagination a:hover {color: #000!important}



/* Home page style here 

*********************************************************/

p.buildings-homes.home-page{margin-top: 215px}

#content #home-page .page-title {

  font-size:27px;

  border-bottom: 3px solid #b19d50;

  font-family: arial, sans-serif

}



#content #home-page .page-title:after {content: none;}



#content #home-page #sidebar blockquote {

  color: #747c61;

  background:none;

  text-shadow:none;

}



#home-page #sidebar blockquote:before {background: url(images/blockquote-open.png) no-repeat}



#home-page #sidebar blockquote:after {background: url(images/blockquote-close.png) no-repeat}



/* our Home Page style here 

*********************************************************/

p.buildings-homes.our-homes{margin-top: 125px}



#our-homes .hr {margin-bottom: 80px}



#our-homes .hr, #our-homes h1.page-title:after {background-color: #b19d50}



#our-homes p{color: #747c61; line-height: 2em; margin-bottom: 0}



#our-homes article.feature {margin-bottom: 85px}



#our-homes article.feature h2.post-title {font-size: 15px; float: left; margin-bottom: 0}



h2.side-cdw { font-size:30px;margin-bottom:10px;}



#our-homes article.feature h2.post-title a {

  font-weight: normal;

  font-family: BenthamRegular,arial,sans-serif;

}



#our-homes article.feature span {padding: 0; color: #3d361c}



#our-homes article.feature .title-container span {

  display: block;

  float: right;

  font-size: 12px;

  margin-top: 2px

}



#our-homes article.feature p, #our-homes article.feature a {color: #3d361c;}



#our-homes article.feature a.feature-img {display: block;}

#our-homes article.feature img {border: none; max-width: 210px; margin-bottom: 0}



#our-homes article.feature .price-info {

  padding-top: 5px;

  margin-bottom: 5px;

  border-top: 1px solid #d0c392;

}



#our-homes article.feature .price-info span {

  color: #7B7765;

  font-size: 12px;

  display: block;

}



#our-homes article.feature .price-info span.price {float: left}



#our-homes article.feature .price-info span.category {float: right}



#our-homes article.feature p {

  color: #000;

  line-height: 1.5em;

  font-size: 13px

}



#our-homes p.additional-plans {

  color: #747c61;

  text-align: center;

  font-size: 17px;

  font-style: italic;

  margin-bottom: -15px;

}



/* Home Feature Page style here 

*********************************************************/

#features-home {

  color: #747C61;

  font-size: 14px;

}



#features-home h1.sub-title {

    color: #3D361C;

    font-size: 28px;

    width: 290px;

    margin: 0 0 10px -30px;

    padding: 5px 40px 5px 35px;

    position: relative;

    background: url(images/widget-title-bg.png) repeat;


}



#features-home h1.sub-title:after {

    bottom: -15px;

    content: " ";

    display: block;

    height: 15px;

    left: 0;

    position: absolute;

    width: 100%;

    background: url(images/title-shadow.png) no-repeat;

}



#features-home .back-home {text-align: right; padding-top: 8px}



#features-home h2.sub-title {

  color: #484848;

  font-size: 17px;

  font-weight: bold;

  padding-bottom: 5px;

  margin-bottom: 10px;

  border-bottom: 2px solid #3D361C;

}



#features-home ul {margin-bottom: 30px}



#features-home ul li {margin-bottom: 5px}



/* Chinese Drywall page style here 

*********************************************************/

p.buildings-homes.chinese-drywall {

  padding: 10px 20px;

  background-position: right 0;

  text-align: right;

}



p.buildings-homes.chinese-drywall a {

  color: #fff;

  font-size: 16px;

  padding-left: 50px;

  font-family: arial, sans-serif;

}



#chinese-drywall .embed-video {

  margin-bottom: 30px;

  overflow: hidden;

}



#chinese-drywall .embed-video img, #chinese-drywall .embed-video object {max-width: 100%}





/*Blog page style

*************************************************/

p.buildings-homes.blog-page {text-align:right; background-position: right 0}

#blog-page .blog-image {margin: -45px 0 0 -40px}



/*Faq page style

*************************************************/

#faq .sub-title {font-size: 17px}

#faq p {

  color: #747c61; 

  font-size: 17px; 

  margin-bottom: 45px

}



/*About Us page style

*************************************************/

#about-us .page-title:after {

  width: 330px;

  background-color: #b7b29e;

}



#about-us h1.page-title + p {

  color: #747c61;

  line-height: 2.5em

}



#about-us .hr {background-color: #b19d50;}



#about-us .about-footer p{

  color: #b19d50;

  font-size: 20px;

  margin-bottom: 0;

  font-family: BenthamRegular,arial,sans-serif;

}



#about-us .about-footer p.certificate {

  font-family: arial, sans-serif;

  font-size: 17px;

}



#about-us .about-footer span {padding-left: 9%}



/*Contact Us page style

************************************************/

p.buildings-homes.contact-us {margin-top: 100px}



#contact-us {

  color: #747c61;

  font-size: 14px;

}

#contact-us p {
	color: #747c61;
}



#contact-us h1.page-title {

  font-size: 45px;

  border-bottom: none;

  font-weight: normal;

  padding: 0;

  margin: 0;

  position: relative;

  font-family: "Times New Roman", Arial, sans-serif;

}



#contact-us h1.page-title:after {

  content: " ";

  display: block;

  width: 295px;

  height: 3px;

  position: relative;

  left: 245px;

  background-color: #b7b19d; 

}



#contact-us .hr {

  height: 3px;

  width: 100%;

  clear: both;

  background-color: #b19d50;

}



#content #contact-us .sub-title {

  color: #747c61;

  font-size: 14px;

  font-weight: bold;

  margin-top: 30px;

}



#contact-us ul.item {margin-top: 5px}



#contact-us ul.item li {

	line-height: 1.75em;
	margin: 2px 0
}



/*Contact us widgets style

********************************************************/

.contact-us .fields {margin-bottom: 10px}

.contact-us .fields:after {

  content: " ";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}



.contact-us h4.widget-title {

  text-align: right;

  font-weight: normal;

}



.wpcf7 label {

  display: block;

  float: left;

  width: 47%

}



.wpcf7 input[type="text"] {

  float: right;

  width: 49%

}





#sidebar .contact-us .fields.check span.inquiry-text {

  padding: 5px 0;

  display: block;

  width: 100%;

}



#sidebar .contact-us .fields.check span.inquiry {width: 100%}



#sidebar .contact-us .fields.check span.inquiry>span {width: 100%}



.contact-us .fields.check label, .contact-us .fields.check span {

  float: none;

  display: inline;

  margin-right: 1px;

}



.contact-us .fields.textarea label {display: block}



.contact-us .fields.textarea span {width: 100%}



.contact-us .fields.button input[type=submit] {

  color: #fff;

  padding: 6px 10px;

  border: none;

  float: right;

  background: url(images/remediation-bg.png) repeat-x;



  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

}



.widget.address {

  line-height: 1.5em;

  text-align: right;

  margin-top: 50px;

}



/*Sidebar widgets style here 

**************************************************/

#sidebar .widget {

  color: #747c61;

  font-size: 14px;

  margin-bottom: 20px;

}



#sidebar a {color:#747c61; font-weight: bold}



#sidebar ul li a {font-weight: normal}



#sidebar .widget .widget-title {

  color: #3d361c;

  font-size: 16px;

  position: relative;

  margin-bottom: 18px;

  margin-right: -40px;

  padding: 10px 40px 10px 30px;

  background: url(images/widget-title-bg.png) repeat;

}



#sidebar .widget .widget-title:after {

  content: " ";

  display: block;

  width: 100%;

  height: 15px;

  left: 0;

  bottom: -15px;

  position: absolute;

  background: url(images/title-shadow.png) no-repeat;

}



#sidebar .widget ul li {

  padding-left: 40px;

  text-transform: none;

  margin-bottom: 12px;

  background: url(images/bullete.png) no-repeat 0 7px;

}



#sidebar blockquote {

  color: #c9d7a9;

  font-size: 14px;

  font-weight: bold;

  line-height: 2em;

  text-indent: 35px;

  padding: 10px;

  position: relative;

  background: url(images/blockqoute-bg.png) repeat;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;



  text-shadow:1px 1px 1px #4a4f3e;

  -moz-text-shadow:1px 1px 1px #4a4f3e;

  -webkit-text-shadow:1px 1px 1px #4a4f3e;

  -ms-text-shadow:1px 1px 1px #4a4f3e;

  -o-text-shadow:1px 1px 1px #4a4f3e;

}



#sidebar blockquote:before, #sidebar blockquote:after {

  content: " ";

  display: block;

  width: 21px;

  height: 19px;

  position: absolute;

}



#sidebar blockquote:before {

  left: 10px;

  top: 15px;

  background: url("images/cd-block-open.png") no-repeat;

}



#sidebar blockquote:after {

  right: 8px;

  bottom: 8px;

  background: url("images/cd-block-close.png") no-repeat;

}



#sidebar blockquote .read-more {

  color: #747c61;

  font-weight: normal;

}



#sidebar .wpcf7 p {margin-bottom: 10px}



#sidebar .wpcf7 p:after {

  content: " ";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}



#sidebar textarea {width: 100%}



#sidebar input[type="submit"] {

    color: #FFFFFF;

    float: right;

    padding: 6px 10px;

    width: auto;

    background: url("images/remediation-bg.png") repeat-x;



    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



/* Newsletter widget style

**********************************************/

#sidebar .widget.newsletter {

  color: #fff;

  margin-top: 15px;

  padding: 15px;

  font-size: 14px;

  line-height: 1.5em;

  background-color: #898d80;



  /*CSS 3 style*/

  border-radius: 10px;

}



#sidebar .widget.newsletter a {color: #2f3324}



#sidebar .widget.newsletter form {margin-top: 10px}



#sidebar .widget.newsletter input[type=text] {

  padding: 5px;

  width: 135px;

  height: 20px;

  border: none;

  text-align: center;

  background-color: #f3f4f3;



  /*CSS 3 style*/

  border-radius: 10px;

}



#sidebar .widget.newsletter input[type=submit] {

  text-indent: -999999px;

  width: 113px;

  height: 33px;

  border: none;

  background: url(images/sign-up.png) no-repeat;

}



/* Newsletter widget style for Chinese Drywall Guide Download

**********************************************/

#sidebar .widget.pdf-download {

  color: #fff;

  padding: 20px;

  height: 295px;

  background-color: #898D7F;



  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px;

}



#sidebar .widget.pdf-download h4.widget-title {display: none}



#sidebar .widget.pdf-download h3.widget-title {

  color: #fff;

  font-size: 25px;

  text-transform: capitalize;

  text-align: center;

  margin: -20px -20px 50px -20px;

  padding: 10px 0 0 0;

  background: #282826;



  border-top-left-radius: 10px;

  -moz-border-top-left-radius: 10px;

  -webkit-border-top-left-radius: 10px;

  -o-border-top-left-radius: 10px;

  -ms-border-top-left-radius: 10px;



  border-top-right-radius: 10px;

  -moz-border-top-right-radius: 10px;

  -webkit-border-top-right-radius: 10px;

  -o-border-top-right-radius: 10px;

  -ms-border-top-right-radius: 10px;



}



#sidebar .widget.pdf-download h3.widget-title span {

  color: #AD9C56;

  text-transform: uppercase;

}



#sidebar .widget.pdf-download .widget-title:after {

  height: 30px;

  bottom: auto;

  background:url(images/bottom-arrow-cdg.png) no-repeat;

}



#sidebar .widget.pdf-download .left, #sidebar .widget.pdf-download .right {

  float: left;

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

}



#sidebar .widget.pdf-download .right {margin-right: 0}

#sidebar .widget.pdf-download label {

  font-size: 16px;

  margin-bottom: 5px;

  display: block;

}



#sidebar .widget.pdf-download input[type="text"] {

  width: 94%;

  border: none;

  padding: 8px;

  background-color: #F4F4F6;



  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px;

}



#sidebar .widget.pdf-download .left input[type="text"], #sidebar .widget.pdf-download .right input[type="text"] {width: 87%}



#sidebar .widget.pdf-download input[type="submit"] {

  text-indent: -9999px;

  display: block;

  height: 54px;

  width: 260px;

  border: none;

  margin-top: 20px;

  background: url(images/download-now.png) no-repeat center center;

}





/* Service style here

**********************************************/

#service {margin-top: 50px}



#service h3.service-title {

  color: #3d361c;

  font-size: 20px;

  font-family: "Times New Roman", arial;

  font-weight: normal;

  margin-bottom: 5px;

}



#service .box {

  padding: 9px;

  background-color: #b7a357;

}



#service .box img {

  width: 100%;

  margin-left: -2px;

  border: 2px solid #8f7f44;

}



#service .box p {

  color: #3d361c;

  margin-bottom: 0;

}



#service .home-contruction .box p {font-size: 14px;}



/*Comments and comments form style here

*****************************************************************/

#comments-box {font-size: 14px}

#comments-box a {font-size: 12px}

#comments-box p {margin-bottom:0}



#comments-box ul.children{margin-top: 10px}



#comments-box ol.commentlist{margin-top: 10px}



#comments-box ol.commentlist li{

  padding-left: 55px;

  position: relative;

}



#comments-box ol.commentlist>li{margin-bottom: 30px}



#comments-box ol.commentlist .comment-author.vcard {

  position: absolute;

  left: 0;

  width: 45px;

  text-align: center;

}



#comments-box ol.commentlist .comment-author.vcard img {

  width: 100%;

  height: auto;

  border: 1px solid #3185F8;

  /*CSS 3 style here */

  border-radius: 50%;

}



#comments-box ol.commentlist .comment-author.vcard .fn {

  color: #3185f8;

  font-style: normal;

  font-size: 12px;

  padding-top: 2px;

}



#comments-box ol.commentlist .comment-author.vcard .says {display: none}



/* respond & comment template style here

***********************************************/

#respond small {font-size: 13px}



#commentform label {

  float: left;

  width: 200px;

}



#commentform p {margin: 5px 0}



#commentform p:after {

  content: " ";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}



#commentform input {

  padding: 5px;

  width: 50%;

}



#commentform textarea, #commentform #submit {margin-left: 200px; max-width: 400px}



/*Footer style here 

*********************************************/

#footer {

  color: #b4a776;

  font-size: 14px;

  padding: 10px 0;

  background: url(images/header-bg.png) repeat;

}



#footer p {
	color: #b4a776;
	margin-bottom: 0;
}



#footer a {color: #b4a776}





#footer a:hover {

  color: #E4F4C0!important;

}



#footer .column {float: left; width: 20%}



#footer .column.social-tools img {max-width: 26px; max-height: 26px}



#footer .column.site-info {width: 60%; text-align: center}



#footer .column.site-info .footer-menu {text-align: center}



#footer .column.site-info li {display: inline; padding: 2px 10px}



#footer .column.license {float: right; text-align: right}



#footer .column.license span {display: block}





/*media query*/

@media screen and (max-width: 979px) { 

  .big-body {width: 100%}

  #header a.logo, #header .main-menu {margin-top: 0;float: none;text-align: center;padding-top: 10px}

  #header .drywall-remediation {position: relative;margin-top: 10px;text-align: center}

  #header .main-menu li a {font-size:13px;padding: 3px}

  p.buildings-homes {padding: 5px}

  #content {padding: 5px 0;margin-bottom: 10px}

  #content .page-title {font-size: 20px;}

  #content .page-title:after {content: none!important}

  #content:before, #content:after{content: none;display: none}

  #commentform textarea, #commentform #submit {width: 355px;}

  #blog-page .blog-image {margin-top: 0}

  

  #sidebar .widget.newsletter input[type="text"] {margin-bottom: 10px}

  #service .box {margin-bottom: 10px}

  #footer .column {width: 100%!important; float: none}

  #footer .column.social-tools {text-align:center; margin-bottom:10px }

  #footer .column.license {float: none;text-align: center;margin-top: 10px}

  #footer .column.site-info li {padding: 2px}

  #footer p {margin-top: 10px;font-size: 12px}



}



@media screen and (max-width: 600px) { 

  #contact-us h1.page-title:after {display: none;}

  #sidebar {border-top: 2px solid #3D361C;padding-top: 10px }

  a#back-top {display: none;}

  #sidebar .widget .widget-title {margin-right: 0}

}



@media screen and (max-width: 320px) { 

  #header a.logo img {width: 90%}

  #header .drywall-remediation{font-size: 12px}

  #header .drywall-remediation span{font-size: 15px}

  p.buildings-homes{font-size: 20px;line-height: 1em}

  #features-home h1.sub-title {width: 255px}

  #commentform textarea, #commentform #submit {margin-left: 0;width: 100%}

}





/* Tab Overides */







.ui-tabs {



border: none!important;

}



ul.ui-tabs-nav {



background: #ffffff!important;

}



li.ui-state-active a {

background-color:#ffffff!important;



text-shadow: none!important;



}



ul.ui-tabs-nav li {

  background-color:#898d80!important;

}





ul.ui-tabs-nav li a {

  padding:0.8em 1.2em!important;



}

h1.post-title {
    display: none! important;
}