.gtacf-block-post-list .box-item {
position: relative;
margin-bottom: 40px; }
.gtacf-block-post-list .box-item .box-img {
position: relative; }
.gtacf-block-post-list .box-item .box-img img {
max-width: 100%; }
.gtacf-block-post-list .box-item .box-text {
padding: 20px; }
.gtacf-block-post-list .box-item .box-text .box-title {
margin-bottom: 20px; }
.gtacf-block-post-list .box-item.no-image .box-text {
position: relative; } .acf-block-preview .gtacf-block-post-list a {
pointer-events: none; } .form-filter-post {
margin-bottom: 40px; }
.form-filter-post .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%; }
.form-filter-post .input-group-btn {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column; }
.form-filter-post button.dropdown-toggle {
background-color: #f6f3f0;
border-radius: 30px;
padding: 5px;
min-height: 30px;
margin: 15px 10px 5px 10px;
height: auto;
min-width: 150px; }
.form-filter-post button.button-filter,
.form-filter-post button.button-reset {
padding: 5px;
min-height: 30px;
margin: 15px 10px 5px 10px;
height: auto;
min-width: 100px;
background-color: #00904b;
color: #fff;
border-width: 0;
border-radius: 30px; }
.form-filter-post button.button-reset {
background-color: #333; }
.form-filter-post .label-select {
padding-top: 12px; }
.form-filter-post .label-select > span {
min-height: 30px;
margin: 15px 10px 5px 10px; }
.form-filter-post .dropdown-menu {
padding-left: 10px;
padding-right: 10px; }
.form-filter-post li label.lbl {
margin-left: 8px; }
.form-filter-post .tag-list {
width: 100%;
min-height: 30px;
text-align: center;
margin: 0 11px;
font-size: 12px; }
.form-filter-post .tag-list span {
display: inline-block;
padding: 3px 5px 0 5px;
background-color: #fff;
color: #0c7435;
border: 1px solid #0c7435;
line-height: 1;
margin: 4px;
border-radius: 7px; }
.loading-post {
opacity: 0;
visibility: hidden; }
.processing-class {
position: relative;
opacity: 0.6; }
.processing-class .loading-post {
opacity: 1;
visibility: visible;
position: absolute;
top: 40px;
width: 100px;
height: 100px;
left: 50%;
transform: translate(50% 50%);
animation: rotation 2s infinite linear;
color: #00904b;
font-size: 50px;
text-align: center;
z-index: 999;
display: flex;
align-items: center;
justify-content: center; }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg); } }