/*------------------------------------*\
    $VICE CSS ADJUSTMENTS - COMMENTS BTN
\*------------------------------------*/

.comments-btn {
  width: 100px;
  height: 30px;
  margin: 0 auto;
  display: block;
}

.js--comments-hidden {
  display: none;
}
.js--comments-visible{
  display: block;
}

/*------------------------------------*\
    $VICE CSS ADJUSTMENTS - MARGIN ARTICLES
\*------------------------------------*/

 /* add margin only to top article */
.margin-articles .alm-reveal:nth-of-type(1) article{
  margin-top: 55px !important;
}
/* remove margin rest of the articles */
.margin-articles article {
  margin-top: 0 !important;
}



/*
 * Ajax Load More
 * http://wordpress.org/plugins/ajax-load-more/
 *
 * Copyright 2015 Connekt Media - http://connekthq.com
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Darren Cooney
 * Twitter: @KaptonKaos
*/

button.alm-load-more-btn{
   font-family: Helvetica, Arial, sans-serif;
   font-size:1px;
   font-weight: 600;
   width:0;
   overflow: hidden;
   height: 42px;
   line-height: 44px;
   color:#fff;
   border: none;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin: 0 0 4px;
   padding:0 20px;
   display: inline-block;
   position: relative;
   -webkit-transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
   -moz-transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
   transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
   text-align: center;
   text-decoration: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
   outline: none !important;
   background: #fff url("../img/detail/ajax-loader.png") no-repeat center center;
   background-size: 22px 22px;
}

button.alm-load-more-btn {
  content: "Load more"
}

	button.alm-load-more-btn:hover{
		color: #fff;
		text-decoration: none;
	}
	button.alm-load-more-btn:active{

		text-decoration: none;
	}

	/* Loading */
   button.alm-load-more-btn.loading{
    	/* padding-left: 44px; */
   }

   /* Loaded / Done */
	button.alm-load-more-btn.done{
		cursor: default;
		opacity: 0.2;
		filter: alpha(opacity=20);
		background-color: #ed7070;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
   }

   /* Loading Icon */
	button.alm-load-more-btn:before,
	button.alm-load-more-btn.done:before{
		background: none;
		/* width: 0; */
	}

	/* Loading :before */
	button.alm-load-more-btn.loading:before {
      background: #fff url("../img/detail/ajax-loader.gif") no-repeat center center;
      background-size: 20px 20px !important;
       width: 42px;
      height: 42px;

      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      border-radius:3px;
      display: inline-block;
      z-index: 0;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      /* -webkit-transition:  0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      transition:  0.5s ease-in-out; */
	}

.alm-btn-wrap{
	text-align: center;
	padding: 10px 10px 30px;
	overflow: hidden;
	display: block;
	background-color: white;
}



/* Infinite */
.ajax-load-more-wrap.infinite button.alm-load-more-btn {
   width: 100%;
   background-color: transparent !important;
   overflow: hidden;
   text-indent: -9999px;
   cursor: default !important;
}
   .ajax-load-more-wrap.infinite button.alm-load-more-btn:before {
      display: none !important;
   }
   .ajax-load-more-wrap.infinite button.alm-load-more-btn.done {
   	opacity: 0;
      filter: alpha(opacity=0);
   }
	.ajax-load-more-wrap.infinite button.alm-load-more-btn:active{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

   .ajax-load-more-wrap.infinite button.alm-load-more-btn {
      background-color: transparent;
      background-position: center center;
      background-repeat: no-repeat;
   	background-image: url("../../core/img/spinner.gif");
   	border: none !important;
   	opacity: 0;
      filter: alpha(opacity=0);
   }
   .ajax-load-more-wrap.infinite button.alm-load-more-btn {
      -webkit-transition: opacity 0.25s ease;
      -moz-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease;
   }
   .ajax-load-more-wrap.infinite button.alm-load-more-btn.loading {
      opacity: 1;
      filter: alpha(opacity=100);
   }
   .ajax-load-more-wrap.infinite.skype button.alm-load-more-btn {
   	background-image: url("../../core/img/spinner-skype.gif");
   }
   .ajax-load-more-wrap.infinite.ring button.alm-load-more-btn {
   	background-image: url("../../core/img/spinner-ring.gif");
   }
   .ajax-load-more-wrap.infinite.fading-blocks button.alm-load-more-btn {
   	background-image: url("../../core/img/loader-fading-blocks.gif");
   }
   .ajax-load-more-wrap.infinite.fading-circles button.alm-load-more-btn {
   	background-image: url("../../core/img/loader-fading-circles.gif");
   }
   .ajax-load-more-wrap.infinite.chasing-arrows button.alm-load-more-btn {
   	background-image: url("../../core/img/spinner-chasing-arrows.gif");
   }
