@charset "UTF-8";

/*
   Post Explorer
 * https://connekthq.com/plugins/post-explorer/
 *
 * Copyright 2016 Connekt Media - https://connekthq.com
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Darren Cooney
 * Twitter: @KaptonKaos
*/


#wp-post-explorer{
   width: 100%;
   display: block;
   clear: both;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   transition: all 0.25s ease;
   overflow: hidden;   
}
	#wp-post-explorer.active{
	   opacity: 1; 
	   visibility: visible; 			
	}
	#wp-post-explorer.disabled{
	   opacity: 0; 
	   visibility: hidden; 		
	   height: 0;	
	}



/*
   Infinite Scroll
 */
 
#wp-post-explorer .wppe-infinite-scroll{
   display: block;
   background: none no-repeat center center;
   height: 40px;
   width: 100%;
}


/* 
	Navigation
 */   

#wp-post-explorer.wppe-type-navigation .navigation{
   position: static;
}
#wp-post-explorer.wppe-type-navigation a.wppe-prev,
#wp-post-explorer.wppe-type-navigation a.wppe-next{
   float: left;  
   display: inline-block;
   padding: 0 0 10px 36px;
   background: none;
   max-width: 44%;
   text-decoration: none;
   line-height: 1.2;
   -webkit-transition: padding 0.25s ease;
   -moz-transition: padding 0.25s ease;
   transition: padding 0.25s ease;
   background: none;
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 32px 32px;
   position: relative;
}
#wp-post-explorer.wppe-type-navigation a.wppe-next{
   float: right;  
   text-align: right;
   background-position: right top;
   padding: 0 36px 10px 0;
}
#wp-post-explorer.wppe-type-navigation a.wppe-prev:before,
#wp-post-explorer.wppe-type-navigation a.wppe-next:before{
   font-family: 'post-explorer';
   content: '\61';
   width: 30px;
   height: 30px;
   font-size: 26px;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   opacity: 0.7;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   transition: all 0.25s ease;
}
#wp-post-explorer.wppe-type-navigation a.wppe-next:before{
   content: '\63';
   left: auto;
   right: 0;
}
   #wp-post-explorer.wppe-type-navigation a.wppe-btn:hover:before{
      opacity: 1;  
   }
#wp-post-explorer.wppe-type-navigation span{
	display: block;
}
#wp-post-explorer.wppe-type-navigation span.wppe-title{
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	padding-top: 6px;
}
   /* Loading */
   #wp-post-explorer.loading-prev a.wppe-prev,
   #wp-post-explorer.loading-next a.wppe-next{
      background-image: url('../img/standard.gif'); 
      background-size: 28px 28px;
   } 




/* 
	Button
 */
 
#wp-post-explorer.wppe-type-button{
	text-align: center;
	position: relative;
	transition: none;
}
#wp-post-explorer.wppe-type-button .wppe-button{
   line-height: 1.2;
   display: block;
   width: auto;
   text-decoration: none;
   position: relative;
   display: inline-block;
   float: none;
}
	#wp-post-explorer.wppe-type-button.loading{
   	padding-top: 90px;
	}
	#wp-post-explorer.wppe-type-button.loading:before{
   	content: "";
   	display: block;
   	position: absolute;
   	left: 0;
   	top: 0;
   	z-index: 1;
   	width: 100%;
   	height: 70px;
   	border-radius: 2px;
   	background: transparent;
   	background-repeat: no-repeat;
   	background-position: center center;
   	border: 2px dashed #ccc;
	}
	#wp-post-explorer.wppe-type-button button.wppe-button.disabled{
		opacity: 0.5 !important;
		cursor: default !important;	
	}
	
	
	
	
	
/* 
   Combined Load More + Navigation 
 */

#wp-post-explorer a.wppe-btn .wppe-label{
	font-weight: 300;
	font-size: 0.85em;
}
#wp-post-explorer a.wppe-btn .wppe-title{
	font-weight: 600;
}
/* Loading */
#wp-post-explorer.loading a.wppe-btn{
	cursor: default;  	   
}
/* Disabled */
#wp-post-explorer a.wppe-btn.disabled{
	display: none; 
}	    
#wp-post-explorer.loading.loading-prev a.wppe-prev:before,
#wp-post-explorer.loading.loading-next a.wppe-next:before{
   opacity: 0;  
}



/*
   Loading States
 */
 
#wp-post-explorer.wppe-type-button.wppe-loader-standard.loading:before,
#wp-post-explorer.wppe-loader-standard.loading .wppe-infinite-scroll{
   background-image: url('../img/standard.gif');  
}   
#wp-post-explorer.wppe-type-button.wppe-loader-skype.loading:before,
#wp-post-explorer.wppe-loader-skype.loading .wppe-infinite-scroll{
   background-image: url('../img/skype.gif');  
}
#wp-post-explorer.wppe-type-button.wppe-loader-circle-fill.loading:before,
#wp-post-explorer.wppe-loader-circle-fill.loading .wppe-infinite-scroll{
   background-image: url('../img/circle-fill.gif');  
}
#wp-post-explorer.wppe-type-button.wppe-loader-circles.loading:before,
#wp-post-explorer.wppe-loader-circles.loading .wppe-infinite-scroll{
   background-image: url('../img/circles.gif');  
}
#wp-post-explorer.wppe-type-button.wppe-loader-blocks.loading:before,
#wp-post-explorer.wppe-loader-blocks.loading .wppe-infinite-scroll{
   background-image: url('../img/blocks.gif');  
}
   
   
   
/*
   Icon Fonts
 */

@font-face {
  font-family: "post-explorer";
  src:url("fonts/post-explorer.eot");
  src:url("fonts/post-explorer.eot#iefix") format("embedded-opentype"),
    url("fonts/post-explorer.woff") format("woff"),
    url("fonts/post-explorer.ttf") format("truetype"),
    url("fonts/post-explorer.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "post-explorer" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "post-explorer" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-prev:before {
  content: "\61";
}
.icon-arrow-next:before {
  content: "\63";
}