/**
 * Projects
 *
 * Styles which integrate this with with Projects.
 * This stylesheet is only enqueued if Projects is activated.
 * http://wordpress.org/plugins/projects-by-woothemes/
 */
 
 
 /**
 *  Archive Layout
 */

.post-type-archive-project  #sidebar{
  display: none;
}

.projects ul.projects,
.projects-page ul.projects {
  list-style: none;
  padding: 0; 
}

.projects .columns-4 ul.projects li.project,
.projects-page .columns-4  ul.projects li.project {
    width: 220px;
    margin-right: 2.02em;
}

 .projects ul.projects li.project.last {
      margin-right: 0; 
      clear: right;
 }

.projects ul.projects li.project,
.projects-page  ul.projects li.project {
    float: left;
    margin-bottom: 1.618em;
    list-style: none; 
    height: auto;
    overflow: hidden;
    width: 32%;
    margin-right: 1em;
}

.projects ul.projects li.project.first ,
.projects-page  ul.projects li.project.first {
 clear:left;
}


ul.projects li.project .project-thumbnail{
    margin: 0 ;
    padding: 0;
}

ul.projects li.project .project-thumbnail-permalink {
  display:block;
  height: auto;
  margin-bottom: 1em; 
  overflow: hidden;
  background: white;
  padding: 0.1em;
  border: 1px solid #D1D1D1;
  overflow: visible;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

ul.projects li.project .project-thumbnail-permalink img{
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

/**
* Archive styling
*/


ul.projects li.project .project-thumbnail-permalink img {
  border: none;
  background: none;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.projects ul.projects li.project a h3,
.projects-page  ul.projects li.project a h3 {
  font-size: 16px;
  color: #3585B3;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.projects ul.projects li.project a:hover h3,
.projects-page  ul.projects li.project a:hover h3 {
  color: #293F4C;
}

.projects ul.projects li.project .project-thumbnail-permalink {
 text-decoration: none;
}


/**
* Single Project Layout
*/

.single-project .project .entry-summary{
  width: 390px;
  overflow: hidden;
}

.single-project .project #images {
  width: 540px;
  margin-right: 2em;
  overflow: hidden;
  float: left;
}

.single-project .project #images .single-featured{
  margin-bottom: 3em;
}
.single-project .project #images .single-featured a img{
  width: 100%;
  height: auto;
}
.single-project .project #images .single-featured a  {
   display: block;
   overflow: hidden;
}

.single-project .project #images .gallery > a{
  width:166px; 
  height: auto;
  overflow: hidden;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px
}

.single-project .project #images .gallery a:nth-child(3n+3){
  margin-right: 0;
}

.single-project .project #images .gallery a img{
  width:100%; 
  height: auto;
}



/**
* Single Project Styles
*/

.single-project .single-project-short-description p{
  font-size: 13px;
}

.single-project .single-project-short-description {
  margin-top: 0.5em;
  margin-bottom: 1em
}

.single-project .project-meta div{
  margin: 1em 0;
  /* text-align: center; */
  width: 100%;
}

.single-project .project-meta h3{
  color: #0C0C0C;
  font-size: 1.2em;
}

.single-project .project-testimonial{
width: 40%;
float: right;
}
.single-project .testimonials-list .quote blockquote{
  background: transparent;
  margin: .5em 0;
  padding: .5em 0em;
  quotes: "\201C""\201D""\2018""\2019";
  float:left;
  width: 70%;
  margin-right: 3%;
}

.single-project .testimonials-list .quote blockquote:before {
   color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  
}
blockquote p {
  display: inline;
}
.single-project .testimonials-list .quote img{
    width: 75px;
    height: auto;
    margin-top: .5em;
    padding-top: .5em;
    float: right;
}
.single-project .testimonials-list .quote .author{
  display: block;
    padding-top: .4em;
  width: 75px;
  float: right;
  /* text-align: right; */
}

.single-project .project #images .gallery a, 
.single-project .project #images .single-featured a {
  background: #FFF;
  padding: 2px;
  border: 1px solid #D4DCE2;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.single-project .project .project_title {
  font-size: 33px;
  margin-bottom: 10px;
}


.single-project .project .entry-summary, .single-project .project .entry-summary p{
  font: 13px/1.5em sans-serif;  
  color: #777;
}

.projects-single-pagination{
  display:block;
  width: 100%;
  clear: both;
  margin-top: 3em;
}

nav.projects-single-pagination .previous a,
nav.projects-single-pagination .next a {
border: 1px solid #DEDEDE;
background: #EBEBEB;
background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F5F5F5));
padding: 0.5em 0.5em 0.5em 0.5em;
}

nav.projects-single-pagination .previous a{
   padding-left: 1em ;
}
nav.projects-single-pagination .next a {
  padding-right: 1em ;
}
nav.projects-single-pagination .previous a:hover,
nav.projects-single-pagination .next a:hover {
  text-decoration:none;
}

nav.projects-single-pagination .next a::before{
content: '<';
margin-right: 0.5em;
font-weight: bold;
}

nav.projects-single-pagination .previous a::after{
content: '>';
margin-left: 0.5em;
font-weight: bold;
}

nav.projects-single-pagination .previous{
  float: right;
}
nav.projects-single-pagination .next{
float: left
}



/** 
* Shortcode structure:
*/

body.page ul.projects li.project{
    width: 30%;
    margin-right: 2%;
}

body.page .columns-5 ul.projects li.project{
    width: 18%;
    margin-right: 1.5%;
}

body.page .columns-4 ul.projects li.project{
    width: 22%;
    margin-right: 1%;
}

body.page .columns-2 ul.projects li.project{
    width: 45%;
    margin-right: 3%;
}
body.page .columns-1 ul.projects li.project{
    width: 90%;
    margin-right: 0;
}

body.page ul.projects li.project .project-thumbnail {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow:  none;
  overflow: hidden;
}

/**
*  Widgets
*/

ul.projects_list_widget li {
  list-style: none;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

ul.projects_list_widget li a img{
  display:block;
  padding: 2px;
  border: 1px solid #D4DCE2;
  width: 89%;
  height: auto;
}

ul.projects_list_widget li a span{
 clear: both;
 display: block;
}

/**
* Pagination
*/
.projects-pagination{
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
}
.projects-pagination ul li{
  display: inline-block;
}
.projects-pagination ul li a{
  -webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F5F5F5));
background-origin: padding-box;
background-size: auto;
border-bottom-color: #DEDEDE;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #DEDEDE;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #DEDEDE;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #DEDEDE;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
color: #666;
cursor: auto;
display: inline;
font-family: sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: #666;
outline-style: none;
outline-width: 0px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
text-align: center;
text-decoration: none solid rgb(102, 102, 102);
vertical-align: baseline;
width: auto;  
}

.projects-pagination ul li .current {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: #EEE;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: #BBB;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #BBB;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #BBB;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #BBB;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
color: #666;
display: inline;
font-family: sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: #666;
outline-style: none;
outline-width: 0px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
text-align: center;
vertical-align: baseline;
width: auto;
}

.project a:hover,
ul.projects_list_widget li a:hover{
  text-decoration:none !important;
}