:root{--wpgb-accent-scheme-1:#02a9a2;--wpgb-dark-scheme-1:#333333;--wpgb-dark-scheme-2:#073d63;--wpgb-dark-scheme-3:#02a9a2;--wpgb-light-scheme-1:#ffffff;--wpgb-light-scheme-2:#e5e5e5;--wpgb-light-scheme-3:#ffa53b;--wpgb-lightbox-background:linear-gradient(180deg, rgba(30,30,30,0.45) 0%, rgba(30,30,30,0.9) 100%);--wpgb-lightbox-controls:#ffffff;--wpgb-lightbox-spinner:#ffffff;--wpgb-lightbox-title:#ffffff;--wpgb-lightbox-desc:#bbbbbb;}.wpgb-grid-50 .wpgb-prev-button,.wpgb-grid-50 .wpgb-next-button{width:8px;height:8px;color:#333333;background:transparent}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{margin:0 -4px}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card{width:calc(( 100% - 3 * 16px ) / 3 - 0.1px);margin:8px}}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{grid-template-columns: repeat(3, 1fr);grid-gap:16px}@media screen and (max-width: 1280px){@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{margin:0 -4px}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card{width:calc(( 100% - 3 * 16px ) / 3 - 0.1px);margin:8px}}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{grid-template-columns: repeat(3, 1fr);grid-gap:16px}.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="3"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="4"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="5"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="6"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="7"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="8"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="9"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="10"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="11"]{grid-column: span 3}}@media screen and (max-width: 640px){@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{margin:0 -4px}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card{width:calc(( 100% - 1 * 16px ) / 1 - 0.1px);margin:8px}}.wpgb-grid-50:not(.wpgb-enabled) .wpgb-viewport>div{grid-template-columns: repeat(1, 1fr);grid-gap:16px}.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="1"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="2"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="3"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="4"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="5"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="6"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="7"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="8"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="9"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="10"],.wp-grid-builder.wpgb-grid-50:not(.wpgb-enabled) .wpgb-card[data-col="11"]{grid-column: span 1}}.wpgb-grid-50 .wpgb-card .wpgb-lazy-load{color:var(--wpgb-accent-scheme-1);background:#e0e4e9}.wp-grid-builder .wpgb-card-27 .wpgb-card-inner{overflow:hidden;border-width:1px;border-style:solid;border-color:#d0d0d0;border-top-left-radius:14px;border-bottom-right-radius:14px;border-top-right-radius:14px;border-bottom-left-radius:14px}.wp-grid-builder .wpgb-card-27 .wpgb-card-content{background:var(--wpgb-light-scheme-1);padding:16px 16px 20px;flex-grow:1}.wp-grid-builder .wpgb-card-27 .wpgb-card-body{margin-bottom:14px;text-align:center}.wp-grid-builder .wpgb-card-27 .wpgb-block-1{color:#484036;margin:0 0 16px;padding:0;font-weight:800;font-size:1.0625em;line-height:1.3}.wp-grid-builder .wpgb-card-27 .wpgb-block-1:hover,.wp-grid-builder .wpgb-card-27 .wpgb-block-2 .wpgb-block-term:hover{color:var(--wpgb-accent-scheme-1)}.wp-grid-builder .wpgb-card-27 .wpgb-block-2{color:#c47800;margin-bottom:16px;font-size:.8125em}.wp-grid-builder .wpgb-card-27 .wpgb-block-2 .wpgb-block-term{font-weight:700}.wp-grid-builder .wpgb-card-27 .wpgb-block-3{color:#222;background:#e8e8e8;margin-bottom:16px;padding:4px 12px;border-top-left-radius:20px;border-bottom-right-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;font-weight:600;font-size:.75em;line-height:1.4}.wp-grid-builder .wpgb-card-27 .wpgb-block-4{color:#111;margin-bottom:16px;font-weight:700;font-size:.8125em}.wp-grid-builder .wpgb-card-27 .wpgb-block-5{color:#333;font-size:.8125em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.wp-grid-builder .wpgb-card-27 .wpgb-block-6{color:#484036;background:#ecece4;padding:.8em 1.5em;border-top-left-radius:999px;border-bottom-right-radius:999px;border-top-right-radius:999px;border-bottom-left-radius:999px;font-family:"Raleway";font-weight:800;font-size:.8125em;line-height:1.4;letter-spacing:.06em;text-align:center}.wpgb-area.wpgb-area-bottom-1{justify-content:center}/* ========================================================================== WP Grid Builder #50 - Responsive Mobile Presentations Base working structure:body:not(:has(...)) vs body:has(...) ========================================================================== */ .wpgb-grid-50{.wpgb-page-dots, .wpgb-pagination, .wpgb-page-dots, .wpgb-carousel-nav, .wpgb-nav{display:none !important}}@media (max-width:767px){.wpgb-grid-50 .wpgb-masonry{flex-direction:column}/* ---------------------------------------------------------------------- VARIANT 1:VERTICAL STACK (Default when .grid-is-slider is NOT present) Forces cards into a static, single vertical column layout. ---------------------------------------------------------------------- */ body:not(:has(.grid-is-slider)) .wpgb-grid-50 .wpgb-wrapper{display:flex !important;flex-direction:column !important;transform:none !important;width:100% !important;position:static !important}body:not(:has(.grid-is-slider)) .wpgb-grid-50 .wpgb-masonry{position:static !important}body:not(:has(.grid-is-slider)) .wpgb-grid-50 .wpgb-carousel{height:auto !important}body:not(:has(.grid-is-slider)) .wpgb-grid-50 .wpgb-card{width:100% !important;position:relative !important;left:auto !important;margin-bottom:20px !important}/* ---------------------------------------------------------------------- VARIANT 2:CARD PEEK SLIDER (Active ONLY when .grid-is-slider is present) Preserves touch swipe while exposing an adjacent card preview cleanly. ---------------------------------------------------------------------- */ body:has(.grid-is-slider) .wpgb-grid-50 .wpgb-viewport.wpgb-carousel, body:has(.grid-is-slider) .wpgb-grid-50 .wpgb-layout{overflow:visible !important}body:has(.grid-is-slider) .wpgb-grid-50 .wpgb-area-left, body:has(.grid-is-slider) .wpgb-grid-50 .wpgb-area-right{display:none !important}body:has(.grid-is-slider) .wpgb-grid-50 .wpgb-area-bottom-1{display:block !important;width:100% !important;margin-top:15px !important;clear:both !important}}.wp-grid-builder:not(.wpgb-template){opacity:1!important}