/* =Bootstrap Carousel
------------------------------------------------------------------*/
.PE_Recent_Posts .carousel {
  position: relative;
}

.PE_Recent_Posts .carousel-inner {
  position: relative;
  width   : 100%;
  overflow: hidden;
}

.PE_Recent_Posts .carousel-inner>.item {
  position          : relative;
  width             : 100%;
  display           : none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition     : .6s ease-in-out left;
  transition        : .6s ease-in-out left;
  outline-offset    : -2px;
}

.PE_Recent_Posts .carousel-inner>.item>img,
.PE_Recent_Posts .carousel-inner>.item>a>img {
  line-height: 1;
}

.PE_Recent_Posts .carousel-inner>.active,
.PE_Recent_Posts .carousel-inner>.next,
.PE_Recent_Posts .carousel-inner>.prev {
  display: block;
}

.PE_Recent_Posts .carousel-inner>.active {
  left: 0;
}

.PE_Recent_Posts .carousel-inner>.next,
.PE_Recent_Posts .carousel-inner>.prev {
  position: absolute;
  top     : 0;
  width   : 100%;
}

.PE_Recent_Posts .carousel-inner>.next {
  left: 100%;
}

.PE_Recent_Posts .carousel-inner>.prev {
  left: -100%;
}

.PE_Recent_Posts .carousel-inner>.next.left,
.PE_Recent_Posts .carousel-inner>.prev.right {
  left: 0;
}

.PE_Recent_Posts .carousel-inner>.active.left {
  left: -100%;
}

.PE_Recent_Posts .carousel-inner>.active.right {
  left: 100%;
}

.PE_Recent_Posts .carousel-indicators {
  position    : absolute;
  bottom      : 10px;
  left        : 50%;
  z-index     : 15;
  width       : 60%;
  padding-left: 0;
  margin-left : -30%;
  text-align  : center;
  list-style  : none;
}

.PE_Recent_Posts .carousel-indicators li {
  display         : inline-block;
  width           : 10px;
  height          : 10px;
  margin          : 1px;
  text-indent     : -999px;
  cursor          : pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border          : 1px solid #fff;
  border-radius   : 10px;
}

.PE_Recent_Posts .carousel-indicators .active {
  width           : 12px;
  height          : 12px;
  margin          : 0;
  background-color: #fff;
}

.PE_Recent_Posts .carousel-caption {
  position      : absolute;
  right         : 15%;
  bottom        : 20px;
  left          : 15%;
  z-index       : 10;
  padding-top   : 20px;
  padding-bottom: 20px;
  color         : #fff;
  text-align    : center;
  text-shadow   : 0 1px 2px rgba(0, 0, 0, .6);
}

.PE_Recent_Posts .carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {

  .PE_Recent_Posts .carousel-control .glyphicon-chevron-left,
  .PE_Recent_Posts .carousel-control .glyphicon-chevron-right,
  .PE_Recent_Posts .carousel-control .icon-prev,
  .PE_Recent_Posts .carousel-control .icon-next {
    width     : 30px;
    height    : 30px;
    margin-top: -15px;
    font-size : 30px;
  }

  .PE_Recent_Posts .carousel-control .glyphicon-chevron-left,
  .PE_Recent_Posts .carousel-control .icon-prev {
    margin-left: -15px;
  }

  .PE_Recent_Posts .carousel-control .glyphicon-chevron-right,
  .PE_Recent_Posts .carousel-control .icon-next {
    margin-right: -15px;
  }

  .PE_Recent_Posts .carousel-caption {
    right         : 20%;
    left          : 20%;
    padding-bottom: 30px;
  }

  .PE_Recent_Posts .carousel-indicators {
    bottom: 20px;
  }
}

/* =PE Recent Posts
------------------------------------------------------------------*/
.PE_Recent_Posts .carousel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

.pe-recent-posts-outer {
  position: relative;
}

.pe-recent-posts-outer.bullets-on-board {
  padding: 40px 0 0;
}

.pe-recent-posts-outer ol.carousel-indicators {
  bottom    : auto;
  left      : 0;
  margin    : 0;
  position  : absolute;
  text-align: center;
  top       : 0;
  width     : 100%;
}

.pe-recent-posts-outer .carousel-indicators li {
  background : #ccc none repeat scroll 0 0;
  border     : medium none;
  margin     : 1px !important;
  padding    : 0;
  text-indent: 9999px;
  white-space: nowrap;
  overflow   : hidden;
  color      : #fff;
}

.pe-recent-posts-outer .carousel-indicators .active {
  background: #000 none repeat scroll 0 0;
  border    : medium none;
  height    : 10px;
  margin    : 1px !important;
  width     : 10px;
}

.pe-recent-posts-outer .caption {
  border: medium none;
  margin: 0;
  width : auto;
}

.pe-recent-posts-outer .caption .pe-creation-date {
  font-size: 0.9em;
}

.pe-recent-posts-outer .caption h1,
.pe-recent-posts-outer .caption h2,
.pe-recent-posts-outer .caption h3,
.pe-recent-posts-outer .caption h4,
.pe-recent-posts-outer .caption h5,
.pe-recent-posts-outer .caption h6 {
  clear : none;
  margin: 0 0 10px;
}

.pe-recent-posts-outer .caption h1 {
  font-size: 1.4em;
}

.pe-recent-posts-outer .caption h2 {
  font-size: 1.3em;
}

.pe-recent-posts-outer .caption h3 {
  font-size: 1.2em;
}

.pe-recent-posts-outer .caption h4 {
  font-size: 1.1em;
}

.pe-recent-posts-outer .caption h5 {
  font-size: 1em;
}

.pe-recent-posts-outer .caption h6 {
  font-size: 0.9em;
}

.pe-recent-posts-outer .caption .pe-creation-date+h5 {
  margin-bottom: 0;
}

.pe-recent-posts-outer .excerpt-text {
  margin: 5px 0 0;
}

.pe-recent-posts-outer ul.thumbnails {
  float  : left;
  margin : 0;
  padding: 0;
  width  : 100%;
}

.pe-recent-posts-outer ul.thumbnails li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  list-style: outside none none;
  margin    : 0;
  padding   : 0;
}

.pe-recent-posts-outer ul.thumbnails li:before,
.pe-recent-posts-outer ul.thumbnails li:after {
  display: none;
}

.pe-recent-posts-outer .image-left ul li .thumbnail-box-in>a {
  float   : left;
  position: relative;
  z-index : 5;
}

.pe-recent-posts-outer .image-left ul li img {
  float : left;
  margin: 0 15px 10px 0;
}

.pe-recent-posts-outer .image-right ul li .thumbnail-box-in>a {
  float   : right;
  position: relative;
  z-index : 5;
}

.pe-recent-posts-outer .image-right ul li img {
  float : right;
  margin: 0 0 10px 15px;
}

.pe-recent-posts-outer .image-top ul li a {
  display: block;
  margin : 0 0 10px;
  outline-offset: -2px;
}

.pe-recent-posts-outer .image-top ul li img {
  float         : none;
  max-width     : 100%;
  vertical-align: middle;
}

.pe-recent-posts-outer .image-bottom ul li img {
  float : none;
  margin: 10px 0 0;
}

.PE_Recent_Posts .pe-slides-separator {
  clear : both;
  height: 0;
  width : 100%;
}

.PE_Recent_Posts .pe-slides-separator-even {
  display: none;
  clear  : both;
  height : 0;
  width  : 100%;
}

.el-in-row-1 .thumbnails:nth-child(1n+1) {
  clear: both;
}

.el-in-row-2 .thumbnails:nth-child(2n+1) {
  clear: both;
}

.el-in-row-3 .thumbnails:nth-child(3n+1) {
  clear: both;
}

.el-in-row-4 .thumbnails:nth-child(4n+1) {
  clear: both;
}

.el-in-row-5 .thumbnails:nth-child(5n+1) {
  clear: both;
}

.el-in-row-6 .thumbnails:nth-child(6n+1) {
  clear: both;
}

.el-in-row-7 .thumbnails:nth-child(7n+1) {
  clear: both;
}

.el-in-row-8 .thumbnails:nth-child(8n+1) {
  clear: both;
}

.el-in-row-9 .thumbnails:nth-child(9n+1) {
  clear: both;
}

.el-in-row-10 .thumbnails:nth-child(10n+1) {
  clear: both;
}

.pe-recent-posts-outer .pe-carousel-navigation-container {
  position: absolute;
  right   : 0;
  top     : -43px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container.up-down {
  top: -42px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control {
  display  : inline-block;
  font-size: 24px;
  height   : 24px;
  position : static;
  width    : 16px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control:hover,
.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control:focus {
  text-decoration: none;
  opacity        : 0.8;
}

.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control i {
  display   : block;
  text-align: center;
}

.pe-recent-posts-outer .pe-carousel-navigation-container.up-down .carousel-control i {
  line-height: 16px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container.up-down .carousel-control {
  display: block;
  height : 16px;
  width  : 24px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control.right {
  margin-left: 4px;
}

.pe-recent-posts-outer .pe-carousel-navigation-container .carousel-control.up {
  margin-bottom: 4px;
}

.pe-more-from-category {
  text-align: right;
  padding   : 10px 0 0;
}

.pe-author {
  display: block;
}

.pe-recent-posts-outer ul.thumbnails li ul.pe-categories-list {
  display: inline;
}

.pe-recent-posts-outer ul.thumbnails li ul.pe-categories-list li {
  display: inline;
}

.pe-recent-posts-outer ul.thumbnails li ul.pe-categories-list li:last-child .pe-category-list-sep {
  display: none;
}

/*** Navigation - arrows (up/down) ***/
.carousel.vertical .carousel-inner {
  height: 100%;
  width : auto;
}

.carousel.vertical .carousel-inner>.item {
  width             : auto;
  -webkit-transition: 0.6s ease-in-out top;
  transition        : 0.6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel.vertical .carousel-inner>.item {
    -webkit-transition: 0.6s ease-in-out;
    transition        : 0.6s ease-in-out;
  }

  .carousel.vertical .carousel-inner>.item.next,
  .carousel.vertical .carousel-inner>.item.active.right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0);
    top              : 0;
  }

  .carousel.vertical .carousel-inner>.item.prev,
  .carousel.vertical .carousel-inner>.item.active.left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0);
    top              : 0;
  }

  .carousel.vertical .carousel-inner>.item.next.left,
  .carousel.vertical .carousel-inner>.item.prev.right,
  .carousel.vertical .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
    top              : 0;
  }
}

.carousel.vertical .carousel-inner>.active,
.carousel.vertical .carousel-inner>.next,
.carousel.vertical .carousel-inner>.prev {
  display: block;
}

.carousel.vertical .carousel-inner>.active {
  top : 0;
  left: 0;
}

.carousel.vertical .carousel-inner>.next,
.carousel.vertical .carousel-inner>.prev {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
}

.carousel.vertical .carousel-inner>.next {
  top : 100%;
  left: 0;
}

.carousel.vertical .carousel-inner>.prev {
  top : -100%;
  left: 0;
}

.carousel.vertical .carousel-inner>.next.left,
.carousel.vertical .carousel-inner>.prev.right {
  top    : 0;
  left   : 0;
  z-index: 999;
}

.carousel.vertical .carousel-inner>.active.left {
  top : -100%;
  left: 0;
}

.carousel.vertical .carousel-inner>.active.right {
  top : 100%;
  left: 0;
}

/*** RWD ***/
@media (min-width: 768px) and (max-width: 991px) {
  .pe-recent-posts-outer.carousel.even-items-in-row ul.thumbnails {
    width: 50% !important;
  }

  .pe-recent-posts-outer.even-items-in-row .pe-slides-separator-even {
    display: block;
  }

  .pe-recent-posts-outer.even-items-in-row .pe-slides-separator {
    display: none;
  }
}

@media (max-width: 767px) {
  .pe-recent-posts-outer.carousel ul.thumbnails {
    width: 100% !important;
  }
}