﻿.tcxn-posts-filter__filters {
    display: flex;
    align-items: center;
}

.tcxn-posts-filter__filters .arrow {
    display: block;
    transition: transform .2s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    margin-left: 15px;
}

.tcxn-posts-filter__filters.show .arrow {
    transform: rotate(-180deg);
}




/* The container is hidden until "loaded" is added */
.tcxn-posts-filter__output {
  display: none;
}
.tcxn-posts-filter-wrapper.loaded .tcxn-posts-filter__output {
  display: block;
}

/* The spinner is hidden until "busy" is added */
.tcxn-preloader {
  display: none;
}
.tcxn-posts-filter-wrapper.busy .tcxn-preloader {
  display: block;
}



.tcxn-posts-filter__output:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .8);
    display: none;
    z-index: 10;
}

.tcxn-posts-filter.busy .tcxn-posts-filter__output:before {
    display: block;
}



.tcxn-posts-filter__pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}



.tcxn-posts-filter__sidebar {
    padding-top: 50px;
}

.tcxn-posts-filter__active-filters {
    margin-bottom: 35px;
}

.tcxn-posts-filter__active-filters .pill {
    margin-bottom: 10px;
}

.tcxn-posts-filter__active-filters .pill:not(:last-child) {
    margin-right: 15px;
}

.posts-transition-item {
    display: block;
}

.posts-transition-item-move {
    transition: all .3s;
}

.posts-transition-enter-active {
    transition: all .3s ease;
}

.posts-transition-enter {
    opacity: 0;
}

.tcxn-post_card .tcxn-post__image {
    height: 150px;
    display: flex;
    flex-direction: column;
}

.tcxn-post_card .tcxn-post__image > div {
    flex: 1 1 100%;
}

.tcxn-post_card {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.tcxn-post_card .tcxn-post__content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1 1 10%;
}

.tcxn-post_card .tcxn-post__link {
    padding-top: 20px;
    margin-top: auto;
}

.tcxn-post .tcxn-post__placeholder {
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tcxn-post .tcxn-post__placeholder i {
    color: #d3ced9;
    font-size: 150px;
}

.tcxn-sidebar__item {
    margin-bottom: 35px;
}

.tcxn-sidebar .form-check-label {
    margin-bottom: 0;
}

.form-check {
    padding-left: 25px;
    margin-bottom: 3px;
}

.form-check-input {
    margin-left: -25px;
}
