/*
 Theme Name:     Flexible Child
 Theme URI:      http://example.com/
 Description:    Flexible Child Theme Reverses Blog and Project
 Author:         Rich Julius	
 Author URI:     http://example.com
 Template:       Flexible
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../Flexible/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

/* move close button 30px higher on project description and raise project description 30px 

OLD VALUES:

.et_ajax_container_active #et_close_ajax { 
	background: url(images/portfolio_close.png) no-repeat; 
	display: block; 
	position: absolute; 
	top: 40px; 
	right: 40px; 
	width: 10px; 
	height: 11px; 
	text-indent: -9999px; 
	z-index: 20; 
}
	
*/
	
.et_ajax_container_active #et_close_ajax {
    background: url("../Flexible/images/portfolio_close.png") no-repeat scroll 0% 0% transparent;
    display: block;
    position: absolute;
    top: 10px;
    right: 40px;
    width: 10px;
    height: 11px;
    text-indent: -9999px;
    z-index: 20;
}

.et_media_description  { width: 400px; padding-top: 35px; }
.et_media { width: 500px; margin: -1px 40px 0 0; }
.single-project #left-area { float: right; width: 440px; }
#et_ajax_portfolio_container a.more { bottom: 2px; }	


@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.et_media { width: 364px; }
	.et_media_description { width: 250px; height: 248px; overflow: hidden; }
	#et_ajax_portfolio_container .slide { height: 364px; }	
	.et_ajax_container_active { min-height: 364px; }
	h4.projecttitle { font-size: 18px; height: 60px; }	
	.single-project #left-area { width:100%;}	
}

@media only screen and ( max-width: 767px ) {
	.et_media_description, { display: none; }
	.et_media { width: 440px; float: none; margin: 0; }
	#et_ajax_portfolio_container a.more { bottom: 2px; }	
	h4.projecttitle { font-size: 18px; height: 60px; }	
	.et_ajax_container_active { min-height: 440px; }
	.et_ajax_container_active #et_close_ajax { right: 10px; }
	.single-project #left-area { width:100%;}	

}

@media only screen and ( max-width: 479px ) {
	h4.projecttitle { font-size: 18px; height: 60px; }	
	.et_media { width: 280px; }
	#featured {  display: none; }
	#et_ajax_portfolio_container a.more { bottom: -2px; right: 10px;}	
	.et_ajax_container_active { min-height: 280px; }
	.et_ajax_container_active #et_close_ajax { right: 10px; }
	.single-project #left-area { width:100%;}	

}