/*------------------------------------*\
    
    Posts CSS
 
    Posts.................Post content for loop on blog homepage, category, search page, archives, etc.
    Sidebar...............Sidebar elements.

\*------------------------------------*/

.post-item {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 30px;
}

.post-item:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.post-item__heading a {
  text-decoration: none;
}

.post-item .btn,
.post-item .btn-primary {
  margin-top: 30px;
}

.post-item__meta {
  font-size: 0.8em;
}

@media (min-width: 1025px) {
  .post-item {
    padding-top: 50px;
    margin-top: 50px;
  }
}

/**
 * Sidebar
 */

/* Blog Sidebar */

.blog .page-sidebar .widget {
  margin-bottom: 50px;
}

/**
* FX Load More
*/

/* Loading Indicator */
.is-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  border: 5px solid;
  border-color: #e3e3e3 #e3e3e3 transparent;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: simpleSpin 1.5s linear infinite;
  animation: simpleSpin 1.5s linear infinite;
}

/* Load More Button */
.load-more__btn {
  border: 0;
  display: block;
  margin-top: 20px;
}

.load-more__btn.is-loading {
  position: relative;
  opacity: 0.6;
  cursor: not-allowed;
}

.load-more__btn.is-loading:before {
  width: 20px;
  height: 20px;
}

.load-more__btn.is-disabled {
  cursor: not-allowed;
  background-color: #4a4a4a;
}

/* Placeholder Space */
.placeholder-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.placeholder-block__inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fafafa;
}

.placeholder-block.is-loading:before {
  width: 50px;
  height: 50px;
}

@-webkit-keyframes simpleSpin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
    transform: translate(-50%, -50%) rotateZ(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes simpleSpin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
    transform: translate(-50%, -50%) rotateZ(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

/* Search Results */
.search-result {
  text-decoration: none;
  border: none;
}

.search-result__img-container {
  max-width: 150px;
  width: 100%;
  padding-bottom: 0;
}

.search-result__title {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.search-result__excerpt {
  margin-bottom: 15px;
}

.progress-bar__wrapper .btn.load-more__btn.is-disabled {
  display: none;
}

.progress-bar__wrapper .btn.load-more__btn {
  margin: 0 auto;
  margin-top: 20px;
}

.search-results .btn.search-btn {
  background: #fff;
  color: var(--color-black);
  padding-left: 0;
  margin-bottom: 25px;
}

.search-results .btn.search-btn i {
  margin-left: 2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.custom-blog__page ul li::after {
  display: none;
}

.search-results .btn.search-btn:hover i {
  margin-left: 8px;
}

@media( min-width : 768px ) {
  .search-result {
    display: flex;
  }

  .search-result__img-container {
    padding-right: 20px;
    padding-bottom: 0;
  }
}

@media (min-width: 1025px) {
  .search-result__title {
    font-size: 45px;
  }

  body.search-results .tab-accordion__tab {
    padding: 0 25px 15px 25px;
  }
}

/*
* Single Post Tile and Erins
*/
.content-single__wrapper > section:first-child {
  padding-top: 0;
}

.back-to__listing + section,
.content-single__wrapper .intro-wysiwyg + section {
  padding-top: 0;
  margin-top: 0;
}

.prev-next__post > div {
  margin-bottom: 20px;
}

.back-to__listing {
  margin-bottom: 25px;
}

.back-to__listing a i {
  margin-right: 5px;
}

.sidebar-left__post .social-share-row li {
  padding-left: 0;
  margin-bottom: 10px !important;
  text-align: center;
}

.sidebar-left__post .social-share-row li a {
  margin-left: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.sidebar-right__post .archive__list ul {
  padding: 0;
  list-style: none;
}

.sidebar-right__post .archive__list ul li:before {
  content: none;
  display: none;
}

.sidebar-right__post .archive__list ul li {
  padding-left: 0;
  margin-bottom: 5px;
}

.post-navigation__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.post-navigation__wrapper .post-nav__item {
  margin: 35px 0 20px;
}

.social-share-row li:first-child {
  padding-left: 0;
}

.prev__nav.post-nav__item a i {
  margin-right: 5px;
}

.next__nav.post-nav__item a i {
  margin-left: 5px;
}

.custom-blog__text h2 {
  padding-top: 20px;
  padding-bottom: 0;
}

.custom-blog__text h2 a,
.custom-blog-featured__img a {
  text-decoration: none;
  outline: none;
  border: none;
  color: var(--color-black);
}

.custom-blog-featured__img a img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

.custom-blog-publish__author > div {
  float: left;
  margin-right: 10px;
  text-transform: capitalize;
  position: relative;
}

.custom-blog-publish__author > div:first-child:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  background: #000;
  right: -6px;
  top: 1px;
}

.custom-blog-short__content {
  clear: both;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  line-height: 26px;
}

.pin-save__wrapper {
  position: absolute;
  z-index: 10;
  left: 25px;
  top: 10px;
  z-index: 99;
  cursor: pointer;
}

.custom-blog-featured__img {
  position: relative;
}

.pin-save__wrapper {
  position: absolute;
  top: 20px;
  left: 25px;
  visibility: hidden;
  opacity: 0%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99;
  cursor: pointer;
}

.custom-blog-featured__img:hover .pin-save__wrapper {
  visibility: visible;
  opacity: 100%;
}

.custom-blog__permalink {
  margin-top: 40px;
}

.custom-blog__permalink a i {
  margin-left: 2px;
  font-size: 15px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.custom-blog__permalink a:hover i {
  margin-left: 8px;
}

.custom-blog__listing > .custom-blog__item {
  border-top: dotted #717375;
  padding-top: 25px;
  margin-top: 30px;
}

.custom-blog__listing > .custom-blog__item:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.fx-sidebar__widget h2 {
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.fx-sidebar__widget .widget.popular-posts .wpp-widget-block-placeholder {
  margin-left: 0;
}

.wpp-list,
.fx-sidebar__widget ul,
.fx-sidebar__widget ul li,
.wpp-list li {
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  list-style: none;
}

.wpp-list li:before,
.fx-sidebar__widget ul li:before {
  display: none;
}

.widget__innerpage {
  margin-bottom: 40px;
}

.fx-sidebar__widget .widget__innerpage .container {
  padding-left: 0;
}

.wp-block-gallery-is-layout-flex {
  display: flex;
}