.bde-loop { --bde-posts-per-row: 1; --bde-posts-gap: 20px; display: grid; grid-template-columns: repeat(var(--bde-posts-per-row), minmax(0, 1fr)); gap: var(--bde-posts-gap); grid-auto-rows: auto; } .bde-loop-item { display: flex; flex-direction: column; gap: 20px; padding: 20px; } .bde-loop-list { --bde-posts-per-row: 1; } .bde-loop-slider { --bde-posts-gap: 0px; display: flex; flex-wrap: nowrap !important; } .bde-loop-accordion .bde-loop-item { width: 100%; } .bde-loop-isotope { --bde-posts-isotope-width: calc(100% / var(--bde-posts-per-row)); --bde-posts-isotope-width-diff: calc( var(--bde-posts-gap) - (var(--bde-posts-gap) / var(--bde-posts-per-row)) ); display: flex; flex-wrap: wrap; width: 100%; } .bde-loop-isotope > .bde-loop-item, .bde-loop-isotope .bde-loop-item-sizer { width: calc(var(--bde-posts-isotope-width) - var(--bde-posts-isotope-width-diff)); margin-bottom: var(--bde-posts-gap); } .bde-loop-isotope .bde-loop-item-gutter { width: var(--bde-posts-gap); } .bde-loop-item .breakdance { display: contents; } .bde-loop-list .bde-loop-item-sizer { width: 100%; } .breakdance .bde-post-list .bde-loop-list .bde-loop-item-sizer, .breakdance .bde-post-list .bde-loop-isotope .bde-loop-item-gutter { pointer-events: none; } .bde-posts-pagination-infinite-loader-wrapper { text-align: center; } .bde-posts-pagination-infinite-loader-wrapper { margin-top: 32px; font-size: 32px; } .bde-posts-pagination { font-size: 16px; gap: 20px; margin-top: 24px; display: flex; justify-content: center; align-items: center; } .bde-posts-pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 16px; padding: 0; justify-content: inherit; } .bde-posts-pagination a, .bde-posts-pagination a:hover { color: inherit; text-decoration: none; } .bde-posts-pagination ul li a.is-active { color: var(--bde-brand-primary-color); } .bde-posts-navigation-numbers-prev-next { flex-direction: column; } .bde-posts-pagination .breakdance-form-loader { animation: posts-list-loading-spinner 1.5s linear infinite; } @keyframes posts-list-loading-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }