/*
Theme Name: Hayden Child
Theme URI: http://themetrust.com/hayden-child
Parent Theme URI: http://themetrust.com/hayden-child
Author: Creative Concept Global, LLC
Author URI: http://www.creativeconceptglobal.com
Template: hayden

TABLE OF CONTENTS

01 - Reset
02 - Global
03 - General Layout
04 - Header
05 - Content
06 - Slideshow
07 - Sidebar
08 - Widgets
09 - Comments
10 - Pagination
11 - Footer
12 - Media Queries
*/

/* /////////////////////////////////////////////////////////////////////
//  01 - Reset
/////////////////////////////////////////////////////////////////////*/

/**

 HTML5 & 4 reset stylesheet
 Adapted from YUI & HTML5 Doctor
 v1.0

**/
@import url("../hayden/style.css");

/*11-sep 2015*/
.home .slideshow .details.right .text {
text-align: left;margin-right: -22.2%;
}
.flex-direction-nav li a.flex-next,.flex-direction-nav li a.flex-prev{display:none;}
#projects.homeSection .sectionHead h3{text-align:left; margin-left:14px;}
#projects.homeSection .sectionHead{margin-left:0;}
#featuredPages .homeSection .sectionHead h3{text-align:center;}
#featuredPages .title, #featuredPages .page p{text-align:left; margin-left:0 !important; }
#content #filterNav{text-align:left;   /* margin-left: -11px !important;*/}
.posts .post .date{display:none;}
.posts .post .inside{padding-left:0;}
.blog  #sidebar{display:none;}
.blog #content{width:100%;}


/*profile-page starts*/
.ser-link{margin-bottom:50px;}
.ser-link ul{display:inline-block; vertical-align:top; width:33%; text-align:left;}
.ser-link ul li{display:block;}
.ser-link ul li a{display:block;}
.process-link li{display:inline-block; vertical-align:top; width:21.7%; padding-right:20px;}
.profile-img img{width:100%;}
.profile-page h2{font-size:1.1em; margin-bottom:1.7em; text-transform:uppercase;}
.profile-img,.process-link,.profile-text{margin-bottom:50px;}
.process-link h3{font-size:.9em;}
.process-link h4{font-size:.9em;}
.client-link ul{margin-bottom:100px;}
.client-link ul li{padding-right:30px;}
.profile-page a:hover{color:#999;}


/*14-sep-css*/

/*
Back to top button 
*/
a#scroll-up { /*background-color: #fff;*/ border-radius: 2px; bottom: 10px; color: #fff; display: block; opacity: 0.8; padding: 2px 2px; position: fixed; right: 20px; z-index: 100; }
a#scroll-up:hover { opacity: 1; }



#featuredPages .sectionHead {
    width: 62.5em; margin:0 auto; text-align:left; padding-bottom: 20px !important;
}
#featuredPages .sectionHead h3 {

    margin-left: 14px;

    text-align: left;
    width: auto;
}
#logo{/*padding-left:14px;*/}


 a.blog_image {
  display: block;
/*  width: 66%;*/
}


#mainNav ul a { font-family: "Source Sans Pro",sans-serif !important;font-size: 0.9em ; color: rgba(255, 255, 255, 0.8);}
#mainNav ul li.current a{color:#fff !important;}
#mainNav ul li.current a, #mainNav ul li.current-cat a, #mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a, #mainNav ul li.current-post-ancestor a, .single-post #mainNav ul li.current_page_parent a, #mainNav ul li.current-category-parent a, #mainNav ul li.current-category-ancestor a, #mainNav ul li.current-portfolio-ancestor a, #mainNav ul li.current-projects-ancestor a{color:#fff !important;}
#content .project.small .title span{font-family: "Source Sans Pro",sans-serif !important;}


/*contact-page*/
.contact-img img{width:100%;}
.contact-img{margin-bottom:30px;}
.form-grp{margin-bottom:30px; clear:both; position:relative;}
.half-width{width:65%;}
.full-width{width:100%;}
.form-grp input {
  width: 65%;
}
.form-grp span{padding-left:20px;}
.sub-btn .btn{
	background-color: #666;
	padding: 10px 15px;
	font-family: "Source Sans Pro",sans-serif !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	border: 1px solid rgba(0,0,0,.05);
	border-bottom: 2px solid rgba(0,0,0,.8);
	font-size: .9em;
	-webkit-appearance: none; cursor:pointer;
 text-transform:uppercase;
 margin-left:20px;
}
.sub-btn{padding-bottom:30px;}
.form-grp textarea{min-height:200px;}

.form-grp.half-width .innerspan {
    left: 75%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 20%;
}

.contact-page{padding:30px 0;}
.contact-page iframe{padding:0 0 10px;}
.contact-page p {color: #000;
    line-height: 1.7em;
    margin-bottom: 16px;
}

#content #featuredPages .page.small p{text-align:left;}

#featuredPages .sectionHead p {

    font-size:.9em;
    margin: 18px 14px 0;

}
/*#content #featuredPages .inside{background-color:#fff; padding:15px; min-height:180px;}*/
#content #featuredPages .title{display:none;}
#content #filterNav{text-align:left !important;}

.blog .posts .post .inside{padding-left: 0;}
.blog .posts .post .inside:after{clear:both; content:""; display:block; visibility:hidden;}
/*.blog-landing .blog_image{width:46%; float:left;}
.blog-landing .blog-rgtcnt{width:47%; float:right;}*/
.blog #content .blog-landing .blog-rgtcnt h2{font-size:16px;}
.blog #content .blog-landing .blog-rgtcnt p{line-height:22px;}

ul.share-icons{list-style:none; margin:0; padding:10px 0;}
ul.share-icons li{vertical-align:top; margin-right:4px;display: inline-block;}
ul.share-icons li a:hover{opacity:0.8;}

.project-details-pg{font-size:.9em; line-height:1.5em;font-family: "Source Sans Pro",sans-serif;}
#content.news-details-pg{width:100%;}
.blog #content .category-news{width:100%;margin-bottom: 0;}

.profile-page .client-box .ser-link{margin-bottom:0;}
.pull {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/menu.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 23px 20px !important;
    cursor: pointer;
    display: none;
    height: 20px;
    margin-top: -16px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 23px;
}


a.menu-click {
    display: none;
    height: 30px;
    position: absolute;
    right: 0;
    top: 70px;
    width: 30px;
    z-index: 9999;
}
a.menu-click span {
    border-bottom: 2px solid #fff;
    display: block;
    margin-top: 5px;
    width: 100%;
}
#mainNavMobile, .ResponsiveMenu {
    display: none;
}

.home #wrap {
	padding-top: 50px !important;
}

#footer .secondary{padding-left:14px !important;}

.blog-contnt {width: 620px; }
.single-post .postThumb.wp-post-image {/*height: 417px;*/ width: 620px; }
.blog .blog_image img {/*height: 417px;*/ width: 620px; }
.moreLink span{font-weight:600;}
#content .post h2{font-size: 1.5em !important;}

body{ line-height:1.7em}
.services-box.inside {
    font-size: 0.9em;
    line-height: 1.7em;
}


#filterNav li:first-child a {
    padding-left: 0 !important;
}

.home .details p{text-shadow:2px 2px 0 rgba(0, 0, 0, 0.4); -moz-text-shadow:2px 2px 0 rgba(0, 0, 0, 0.4); -webkit-text-shadow:2px 2px 0 rgba(0, 0, 0, 0.4);}

@media only screen and (max-width: 1560px) {
.home .slideshow .details.right .text{margin-right:0; text-align:right;}
.blog .posts .post .inside { padding-left: 0;}
}

@media only screen and (max-width:1200px) {
.home .slideshow .details.right .text{text-align:left; width:50% !important; }
}

@media only screen and (max-width: 1023px) {
.home #featuredPages .sectionHead{width:auto;}
}


@media only screen and (max-width:800px) {
.home.has-slideshow #header .top {
    position: static !important;
    }
    
.ResponsiveMenu{display:block;}	
#mainNav{display:none !important;}
a.menu-click {
    display: block;}
ul.MobileMenu {text-align: left;
    position: relative;
}
ul.MobileMenu li {
    display: block; border-bottom: 1px solid rgba(255, 255, 255, 1);
}
ul.MobileMenu li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 1);
}
ul.MobileMenu li a { 
    color: #fff;
    display: block;
   text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; padding:14px 20px;
}
ul.MobileMenu li a:hover {background: #fff none repeat scroll 0 0; color: #000;}
#wrap{padding-left:14px!important; padding-right:14px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.home #wrap{padding-left:0px!important; padding-right:0px!important;}
#header .surround{padding-left:14px !important; padding-right:14px !important;}
}


@media only screen and (max-width: 767px) {
.blog-landing .blog_image, .blog-landing .blog-rgtcnt{width:100%;}
#featuredPages .sectionHead h3{width:auto; margin-left:14px;}
.blog .blog_image img {height: auto !important;  }

.project-details-pg table td{display:block;width: 100%;}

.blog .blog_image img{width:100%; height:auto;}
.blog-contnt{width:auto;}
.single-post .postThumb.wp-post-image {width: auto; }
.blog .blog_image img { width: auto; }
}
@media only screen and (max-width: 728px) {
#content .project.small img, .isotope-item img{width:100%;}
 #content .project.small a:hover img{opacity:1 !important;}
 #content .project.small .title{position:static!important;}
 #content .project.small .title {opacity:1;}
 #content .project.small .title{margin: 0 !important; text-align:left;}
 #content .project.small a:hover .title{opacity:1;}

}

@media only screen and (max-width: 700px) {
.home #content .homeSection .project.small .inside{float:left; margin-left:14px !important;}
#content .project.small .inside{float:left;}

.home #wrap {
    padding-top: 0 !important;
}
#logo{width:100%;}
#footer .secondary{padding: 0 0 0 14px!important; text-align: left!important;}
.homeSection .page.small .inside{ display: block !important; width: auto !important;}
#featuredPages .sectionHead h3{margin-left:14px;}
.profile-page .client-box .ser-link {
    margin-bottom: 50px;
}
}
.x-map-inner{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

#content .small .inside {
    margin: 0 15px 0 0 !important;
}
#content .homeSection .small .inside {
    margin: 0 15px !important;
}


/**css**/

.pad_footer {
   /* padding: 10px;*/
     padding-right: 40px;
    display: inline-block;
    font-size: .9em;
}
#footer ul li {display: inline-block;}
.col-sm-6.heading {
    padding-left: 0px;
}
a.menu-click {
    top: 40%;
}