.greyd-posts-slider.greyd-posts-slider {
--query-block-gap: var(--wp--style--block-gap);
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.greyd-posts-slider .query-pages-wrapper {
position: relative;
display: flex; margin: 0;
overflow: hidden;
flex: 2 2 50px;
}
.greyd-posts-slider .query-pages-wrapper:has( > div:first-child:last-child ) {
overflow: visible;
}
.greyd-posts-slider .query-page,
.greyd-posts-slider .query-page > ul {
width: 100%;
min-width: 100%;
display: grid; gap: var(--query-block-gap);
height: max-content;
} .wp-block-query .wp-block-post-template .wp-block-post-template-is-layout-grid {
display: block;
} .wp-block-query-is-layout-flow .query-post > :last-child:last-child {
margin-block-end: 0;
}
.wp-block-query-is-layout-flow .query-post > :first-child:first-child {
margin-block-start: 0;
} .wp-block-query {
display: relative;
}   .greyd-posts-slider .pagination {
display: flex;
align-items: center;
justify-content: center;
} .greyd-posts-slider .pagination.overlap {
position: absolute;
width: 100%;
margin: 0px;
z-index: 1;
}
.greyd-posts-slider .pagination.overlap.top,
.greyd-posts-slider .pagination.overlap.top_side {
top: 0px;
}
.greyd-posts-slider .pagination.overlap.bottom,
.greyd-posts-slider .pagination.overlap.bottom_side {
bottom: 0px;
}
.greyd-posts-slider .pagination.left {
justify-content: flex-start;
}
.greyd-posts-slider .pagination.right {
justify-content: flex-end;
}
.greyd-posts-slider .pagination.space {
justify-content: space-between;
}
.greyd-posts-slider .pagination a,
.greyd-posts-slider .pagination .link,
.greyd-posts-slider .pgn_arrows a,
.greyd-posts-slider .pgn_arrows .link {
text-decoration: none;
}
.greyd-posts-slider .pgn img {
max-width: none;
width: 1em;
} .greyd-posts-slider .pgn.sorting {
width: 100%;
display: flex;
align-self: start;
}
.greyd-posts-slider .no_result {
width: 100%;
} .greyd-posts-slider .pgn.arrows {
position: relative;
display: flex;
flex: 0 0 0;
align-items: center;
}
.greyd-posts-slider .pgn.arrows a {
padding: min(0.5rem, 1em);
font-size: 1.4em;
text-decoration: none;
}
.greyd-posts-slider .pgn.arrows.overlap {
position: absolute;
z-index: 10;
top: 0;
bottom: 0;
}
.greyd-posts-slider .pgn.arrows.overlap.left {
left: 0;
}
.greyd-posts-slider .pgn.arrows.overlap.right {
right: 0;
}
.greyd-posts-slider .pgn_arrows.aligntop {
align-items: flex-start;
}
.greyd-posts-slider .pgn_arrows.alignbottom {
align-items: flex-end;
}
.greyd-posts-slider .pgn_arrows.top {
top: 0;
}
.greyd-posts-slider .pgn_arrows.bottom {
bottom: 0;
}
@media (max-width: 992px) {
.greyd-posts-slider .pgn_arrows.alignmobiletop {
align-items: flex-start;
}
.greyd-posts-slider .pgn_arrows.alignmobilemiddle {
align-items: center;
}
.greyd-posts-slider .pgn_arrows.alignmobilebottom {
align-items: flex-end;
}
} :is(.pagination, .pgn_arrows) :is(.pgn_number, .pgn_previous, .pgn_next)  {
display: inline-block;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
cursor: pointer;
pointer-events: all;
}
.greyd-posts-slider .pgn.numbers {
width: 100%;
padding: 1rem;
}
.greyd-posts-slider .pgn.numbers,
.greyd-posts-slider .pgn.numbers .pgn_numbers {
display: flex;
justify-content: center;
gap: var(--pgn-numbers-gutter, var(--wp--preset--spacing--tiny, 8px));
}
.greyd-posts-slider .pgn.numbers .pgn_numbers {
flex-wrap: wrap;
} .greyd-posts-slider .pgn.numbers > span {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--pgn-numbers-gutter, var(--wp--preset--spacing--tiny, 8px));
}
.greyd-posts-slider .pgn.numbers a {
line-height: 1;
margin: 0;
text-decoration: none;
word-break: normal;
}
.greyd-posts-slider .pgn.numbers.overlap {
position: absolute;
left: 0;
right: 0;
z-index: 10;
}
.greyd-posts-slider .pgn.numbers.overlap.top {
top: 0;
}
.greyd-posts-slider .pgn.numbers.overlap.bottom {
bottom: var(--query-block-gap);
} .greyd-posts-slider .pgn_current {
cursor: default;
} .greyd-posts-slider.loop :is(.pgn_previous, .pgn_next).pgn_current {
cursor: pointer;
} .greyd-posts-slider:not(.loop) :is(.pgn_previous, .pgn_next).pgn_current {
opacity: 0.2;
pointer-events: none;
}
.greyd-posts-slider .query-page > ul {
margin: 0;
padding: 0;
}
.greyd-posts-slider ul.query-page > li,
.greyd-posts-slider li.query-post,
main .greyd-posts-slider ul.query-page > li,
main .greyd-posts-slider li.query-post {
list-style: none;
margin-left: 0;
} .greyd-posts-slider[data-animation=cover] {
--transition: transform 300ms; }
.greyd-posts-slider[data-animation=cover] .query-page:first-child {
position: relative;
}
.greyd-posts-slider[data-animation=cover] .query-page {
-webkit-transition: var(--transition);
-moz-transition: var(--transition);
-ms-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
position: absolute;
left: 0;
top: 50%;
z-index: 9;
padding: 0 14%; transform: translate(-89%, -50%) scale(0.6)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-prev { transform: translate(-38%, -50%) scale(0.6)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-current { transform: translate(0%, -50%) scale(0.9)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-current + .query-page { transform: translate(38%, -50%) scale(0.6)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-current + .query-page ~ .query-page { transform: translate(80%, -50%) scale(0.6)
}
.greyd-posts-slider[data-animation=cover] .query-page:not(.is-current) {
pointer-events: none;
}
.greyd-posts-slider[data-animation=cover] .query-page .query-post:first-child:last-child {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: var(--transition);
-moz-transition: var(--transition);
-ms-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
transform: perspective(1000px) rotateY(70deg)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-current .query-post:first-child:last-child {
transform: perspective(1000px)
}
.greyd-posts-slider[data-animation=cover] .query-page.is-current ~ .query-page .query-post:first-child:last-child {
transform: perspective(1000px) rotateY(-70deg)
} .posts_table table {
text-align: left;
width: auto;
min-width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
.posts_table:not(.wp-block-table) table thead + * > tr:first-child > td,
.posts_table:not(.wp-block-table) table tbody > tr:first-child > td,
.posts_table:not(.wp-block-table) table thead + * > tr:first-child > th,
.posts_table:not(.wp-block-table) table thead > tr:first-child > th {
border-top: none !important;
} table .sortable {
cursor: pointer;
position: relative;
padding-right: calc( var(--wp--preset--spacing--tiny) + 1em );
}
table .sortable span.icon {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
right: var(--wp--preset--spacing--tiny);
top: 0;
bottom: 0;
}
table .sortable span.icon > span,
table .sortable span.icon > span {
display: block;
border: 5px solid transparent;
margin: 1px 0;
}
table .sortable span.icon > span:first-child {
border-bottom-color: initial;
}
table .sortable span.icon > span:last-child {
border-top-color: initial;
}
table .sortable.ascending span.icon > span:first-child {
border-width: 0px;
margin-bottom: 4px;
}
table .sortable.descending span.icon > span:last-child {
border-width: 0px;
margin-top: 4px;
} .loading_spinner_wrapper {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
}
.greyd-posts-slider .loading_spinner_wrapper {
padding: 80px 0;
}
.loading_spinner {
display: inline-block;
position: relative;
width: 46px;
height: 46px;
}
.loading_spinner div {
box-sizing: border-box;
display: block;
position: absolute;
width: 30px;
height: 30px;
margin: 8px;
border: 4px solid var(--loading-spinner-color, currentColor);
border-radius: 50%;
animation: loading_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: var(--loading-spinner-color, currentColor) transparent transparent transparent;
}
.loading_spinner div:nth-child(1) {
animation-delay: -0.45s;
}
.loading_spinner div:nth-child(2) {
animation-delay: -0.3s;
}
.loading_spinner div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes loading_spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .message {
font-family: var(--wp--preset--font-family--body, inherit);
font-size: var(--wp--preset--font-size--base, 1em);
font-weight: var(--wp--custom--font-weight--regular, 400);
line-height: var(--wp--custom--line-height--normal, 1.5);
padding: var(--wp--preset--spacing--small, 1em);
border-width: 1px 1px 1px 5px;
border-radius: 2px;
border-style: solid;
color: var(--wp--preset--color--foreground, currentColor);
background-color: var(--wp--preset--color--lightest, #ffffff);
box-shadow: 0px 6px 9px -2px rgba(0, 0, 0, 0.2);
}
.message:empty {
display: none;
} .message.info {
border-color: var(--wp--preset--color--vivid-cyan-blue, #0693e3);
} .message.success {
border-color: var(--wp--preset--color--vivid-green-cyan, #00d084);
} .message.danger {
border-color: var(--wp--preset--color--vivid-red, #cf2e2e);
} .message::before {
font-family: 'ElegantIcons' !important;
speak: never;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
position: initial;
color: inherit;
}
.message.info::before {
content: "\70";
padding: var(--wp--preset--spacing--small, 0.5em);
}
.message.success::before {
content: "\52";
margin-right: var(--wp--style--block-small, 0.5em);
vertical-align: middle;
}
.message.danger::before {
content: "\73";
margin-right: var(--wp--style--block-small, 0.5em);
}