/*      TESTIMONIALS          */
.wp-block-acf-testimonials {display: flex; flex-wrap: wrap; gap:1rem;}
@media screen and (min-width: 960px) {
    .wp-block-acf-testimonials blockquote {width:30%; flex-grow: 1; min-width: 250px;}
    .home .wp-block-acf-testimonials blockquote {width:40%; flex-grow: 1; min-width: 300px;}
}
.wp-block-acf-testimonials blockquote {margin: 0; padding: 0; display: flex; flex-direction: column; border-radius: 20px;
    background: var(--wp--preset--color--lime); color: var(--wp--preset--color--primary); }
.wp-block-acf-testimonials blockquote .content {padding: 0.5rem 1.5rem; overflow: hidden; text-align: center; flex-grow: 1;
    display: flex; align-items: center; }
.wp-block-acf-testimonials blockquote cite { text-align: center; padding: 1rem 1.5rem; font-weight:bold; }


/*      EXHIBITORS          */
.wp-block-acf-exhibitors {display: flex; flex-wrap: wrap; gap:1rem; justify-content: center;}
.wp-block-acf-exhibitors figure {background: #FFF; aspect-ratio: 1; border-radius: 15px; position: relative; width:75px; overflow: hidden; margin-bottom: 0;}
.wp-block-acf-exhibitors figure img {position:absolute; top:0; left:0; width:100%; height: 100%; object-fit: contain; object-position: center;}
@media screen and (min-width: 960px) {
}

/*      COUNTDOWN          */
.wp-block-acf-countdown {display: flex; justify-content: center;}
.wp-block-acf-countdown figure {background: var(--wp--preset--color--dark-grey); color:var(--wp--preset--color--contrast); border-radius: 25px; text-transform: uppercase; font-style: italic;
    font-weight: bold; padding: 1rem 2rem; display: flex; gap:0.5rem;}
.wp-block-acf-countdown figure .parts {display: flex; gap:2px;}
@media screen and (min-width: 960px) {
}


@media screen and (min-width: 960px) {
    .wp-block-acf-scrolling-panels .scrolling-panels-acf__innerblocks .wp-block-group {display: flex; justify-content: center; align-items: center; flex-direction: column;}
    
    .wp-block-acf-scrolling-panels.layout-option-1 .scrolling-panels-acf__innerblocks {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:2rem;}
    .wp-block-acf-scrolling-panels.layout-option-1 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(4) {grid-column-start: 1; grid-column-end: 4;}

    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks {display:grid; grid-template-columns: 2fr 3fr 2fr; gap:2rem;}
    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(1) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end:2;}
    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(2) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end:3;}
    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(3) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end:3;}
    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(4) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end:2;}
    .wp-block-acf-scrolling-panels.layout-option-2 .scrolling-panels-acf__innerblocks .wp-block-group:nth-child(5) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end:3;}
    
}
@media screen and (max-width: 959px) {
    .scroller {position: relative; }
    .scroller a {text-decoration: none;}
    .scroller .next, .scroller .prev {bottom:50%; position: absolute; font-size:4rem; line-height: 1; padding: 0 0.5rem;
        transform: translateY(-50%);}
    .scroller .prev {right:100%;}
    .scroller .next {left:100%;}
    .scroller nav {font-size:6rem; line-height: 1; display: flex; gap:5px; justify-content: center; }
    .scroller nav a {opacity: 0.35; transition: opacity 0.5s ease-in-out;}
    .scroller nav a.is-active {opacity: 1;}
    .scroller .viewport {overflow: hidden;}
    .scroller .carousel {transition: transform 0.5s ease-in-out;}
    .scroller .carousel {white-space: nowrap;}
    .scroller .carousel > * {width:100%; white-space:normal;}
    .scroller .carousel > div {display: inline-block;}
    .scroller .carousel > blockquote {display: inline-flex;}
}