/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.site-header {
    padding: 35px 0px 0px 0px;
}
.intro {
	margin-bottom: 45px;
}

.header-image 
.site-header .title-area {
    height: 115px;
    padding-top: 35px;
	  padding-bottom: 40px;
    width: 550px;
}

.nav-primary, .nav-secondary {
    padding-top: 39px;
}


.feature-bottom h4.widgettitle, .folio-more h2, .front h4, .related_portfolio h4, .page-title  {
	text-transform: none;
}
/*
style and make service boxes fit
*/
.special-services-box {
	    text-align: left;
}
.special-services-box h4 {
	    text-align: center;
}

/*
this makes a button out of h5 in the special services box----------------
*/
.special-services-box h5 {
  	font-size: 0.7em;
		margin: 0 auto;  
		width: 60px;
  	height: auto;
    background: #f1f1f1;
    padding: 10px 20px;
    text-align: center;
    border-radius: 3px;
 		border: 1px solid #aaaaaa;
		box-shadow: 0 1px 1px #fff inset, 0 2px 0 #b9b8b7, 0 3px 0 #a5a5a5, 0 4px 1px rgba(0, 0, 0, 0.25);
		background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f2f1f1, #e8e7e6) repeat scroll 0 0;
		line-height: 20px !important;
}

.special-services-box ul {
	font-size: 12px;
	margin: 0 !important;
	padding: 0 0 0 25px;  
	list-style-position: inside;
}
.entry-content .special-services-box ul li {
    margin: 0;
}

.entry-content .special-services-box ul {
   list-style-position: inside;
}

div.one-third {
    width: 31%;
}

.special-services-box img {
    opacity: 1;
}

/*
end of special services box style ---------------------------------
*/

/*
hide extra portfolio page category
*/
.categoryStuff {
	visibility: hidden;
}

/*style call to action box
*/
.call_to_action_box {
    background: #e5e5e5 none repeat scroll 0 0;
}
.call_to_action_box h3 {
	padding-top: 20px;
}
.call_to_action_box {
	font-size: 1.1em !important;
}

.call_to_action_box button, a.button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .comment-reply-link {
    color: #6799c8;
}

/*------horizontal rule*/
hr {
  border: 0;
  border-top: 3px double #f1f1f1;
	margin-top: -23px;
}

/*------return to top of page btn*/
#top-link {
    box-shadow: 3px 3px 5px #777777;
		opacity:0.9;
}	
/*-----contact form notification box icon position*/
.wpcf7-mail-sent-ok::before, .wpcf7-mail-sent-ng::before, .wpcf7-spam-blocked::before, .wpcf7-validation-errors::before {
    float: right;
	position:relative !important;
	margin-right: 10px;
}

/*-----align client label left*/
.projectStuff .nav-back a {
	margin-left: -10px;
}

/*-----adjust sidebar img*/
.sidebar img {
	margin-top: -50px;
}
/*-----adjust post left float img*/
img.alignleft {
    margin-top: -2px;
}

/*-----adjust contact form input text field and error / conf msgs*/

input[type="text"]:focus, input[type="password"]:focus,  
textarea:focus { 
	background: #CCCCCC none repeat scroll 0 0;
	border-color: #999999;
	color: #000000;
	font-style: italic;
}

.wpcf7-mail-sent-ok {
    background-color: #CCE5D6;
} 

.wpcf7-mail-sent-ng {
    background-color: #DCE4EF;
} 
.wpcf7-spam-blocked {
    background-color: #EDD1D8;
}

.wpcf7-validation-errors {
    background-color: #EDD1D8;
	font-weight: bold;
}
/*---style accordian item ---*/
.trigger-button.active {
    font-size: 1.3em;
    font-weight: normal;
	  padding: 5px 20px;
}
.trigger-button {
    font-size: 1.3em;
	font-weight:normal;
	  padding: 5px 20px;
}
 .accordion_container p {
	padding-left:58px;
}

/*---style footer recent blog post hover ---*/
.avatar:hover,
.featuredpage img:hover,
.featuredpost img:hover,
im.post-image:hover {
	background: #DDDDDD none repeat scroll 0 0;
	border: 0;
}

/*---from zzpress to fix mobile---*/

.feature-bottom {
    margin: 20px 0;
    overflow: visible;
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.service_container  .one-third.special-services-box:nth-child(3n + 1) {
    clear: left;
}

@media only screen and (max-width: 768px){
.service_container  .one-third.special-services-box:nth-child(3n + 1) {
    clear: none;
}
.service_container  .one-third.special-services-box:nth-child(2n + 1) {
    clear: left;
}
}

@media only screen and (max-width: 480px){
.top-border {
    display: none;
}
} 

/*---Note: to change blue color to #6799C8 go to stylesheet > css > blue and change all---*/