/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body.home header.entry-header{
	display: none;
}

body.home .entry-content{
	width: 100% !important;
}

body.single-rccp-project header#masthead{
	display: none;
}

/*---------------
 * Projects Posts
 -------------------------------------*/

.page-header h1{
	margin-top: 40px;
}

.rccp-project-wrapper{
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}


.rccp-project-box figure{
	margin: 0;
}

.rccp-project-box figure a {
	display: block;
	color: #fff;
}

.rccp-project-box figure a img{
	width: 100%;
	height: auto;
}


.rccp-project-box .image{
	position: relative;
}

.rccp-project-box .rccp-project-box-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.25;
    box-shadow: inset 0px 0px 20px 10px rgba( 0,0,0,0.9 );
    transition: all 550ms ease-in-out;
}

.rccp-project-box .text-overlay{
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
	padding-left: 1em;
	transition: all 550ms ease-in-out;
}

.rccp-project-box .text-overlay span.pop-up{
	display: none;
	color: #333;
}

.rccp-project-box .text-overlay h4{
	color: #fff;
	margin-bottom: 0;
}

.rccp-project-box figure a:hover{
	color: #fff;
}

.rccp-project-box figure a:hover .rccp-project-box-overlay{
	background: #FFF68B;
	background-color: #FFF68B;
	opacity: 1;
	box-shadow: none;
}

.rccp-project-box figure a:hover .text-overlay h4{
	color: #071621;
}

.rccp-project-box figure a:hover .text-overlay{
	bottom: 70px;
}

.rccp-project-box figure a:hover .text-overlay span.pop-up{
	display: block;
}

/*---------------
 * RCCP Project Archive Page
 -------------------------------------*/
ul.rccp-projects-terms {
	list-style-type: none;
	padding: 0;
}

ul.rccp-projects-terms li {
	margin: 0.5rem;
	font-size: 14px;
	text-transform: uppercase;
}

ul.rccp-projects-terms li a {
	color: #333;
}

ul.rccp-projects-terms li a:hover{
	color: rgb(245, 225, 8);
}

.project-post-wrap{
	margin-bottom: 4em;
	min-height: 400px;
}

article.rccp-project .featured-image{
	position: relative;
	margin-bottom: 0.5em;
}

article.rccp-project .featured-image img{
	width: 100%;
	height: auto;
}

article.rccp-project .featured-image .featured-image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.35;
}

article.rccp-project figure .featured-image {
    -moz-transition: all 500ms ease-in-out, background 1000ms ease-in-out;
    -o-transition: all 500ms ease-in-out, background 1000ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out, background 1000ms ease-in-out;
	transition: all 500ms ease-in-out, background 1000ms ease-in-out;
}

article.rccp-project figure:hover .featured-image {
	transform: translateY( -5px );
}

article.rccp-project figure .featured-image-overlay{
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
}

article.rccp-project figure:hover .featured-image-overlay{
	background: #FFF68B;
	/* background: #333333;
	box-shadow: inset 0px 0px 40px 20px rgba( 0,0,0,0.95 ); */
}

article.rccp-project p {
	margin-top: 0;
	color: #333;
	text-transform: none;
}

/*---------------
 * Clear
 -------------------------------------*/
.clear{
	clear: both;
	display: table;
}