/*
 * WordPress Ajax Load More
 * https://github.com/dcooney/wordpress-ajax-load-more
 *
 * Copyright 2014 Connekt Media - http://cnkt.ca/ajax-load-more/
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Darren Cooney
 * Twitter: @KaptonKaos
*/

button#load-more{	
	font-size:16px;
	line-height: 1em;
	font-weight: 600;
    border: none;
    margin-bottom: 0;
	display: inline-block;		
	position: relative;
    -webkit-transition: padding 0.25s ease-in-out;
    -moz-transition: padding 0.25s ease-in-out;
    transition: padding 0.25s ease-in-out;
    background: #dddddd;

	line-height: 42px;
	padding:0;
	color:#fff;
	text-align: center;	
	height: 42px;
	text-decoration: none;
	border: none;
	-webkit-appearance: caret;
}
	button#load-more:hover{
		background-color: #cccccc;
		color: #fff;
		text-decoration: none;
	}
	button#load-more:active{
		-webkit-box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		text-decoration: none;
	}
	
	/* Loading */
    button#load-more.loading{
    	padding-left: 42px;
    }
    /* Loaded / Done */
	button#load-more.done{
		cursor: default;
        opacity: 0.2;
        filter: alpha(opacity=20); 
		background-color: #cccccc; 
    }
    
    /* Loading Icon */
	button #load-more:before,
	button#load-more.done:before{                
		background: none;
		width: 0;
	}
	
	button#load-more.loading:before {
		background: #fff url(../img/ajax-loader.gif) no-repeat center center;
		width: 30px;
		height: 30px;
		margin: 5px;		
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		display: inline-block;
		z-index: 100;
		content: '';
		position: absolute;
		left: 0;
		overflow: hidden;
	    -webkit-transition: width 0.5s ease-in-out;
	    -moz-transition: width 0.5s ease-in-out;
	    transition: width 0.5s ease-in-out;
	}


/* Generic Styling */
ul.listing{
	margin: 0 0 0 0;
	padding: 0;
}
ul.listing li{
	margin: 0 0 20px;
	border: 2px solid #efefef;
	overflow: hidden;
	padding: 20px;
	box-shadow: inset 0 0 0 1px #fff;
}
ul.listing li p{
	margin: 0;
}
	ul.listing li:nth-child(even){
		/* background: #efefef; */
	}
.load-more-btn-wrap{
	text-align:center;
	padding:10px 0;
	overflow: hidden;
	display: block;
	clear: both;
}