/* Testimonials Slider Pro — Front End Styles Colors/typography come from CSS custom properties set in by the Customizer (includes/class-tsp-customizer.php). Fallback values are provided in every var() so the slider still matches the reference design even before any Customizer setting has been saved. */ .tsp-slider-instance { padding: 0px 0; margin: 0 0 30px; } .tsp-wrap { max-width: 1000px; margin: 0 auto; position: relative; } .tsp-swiper { width: 100%; overflow: hidden; } .tsp-slide { min-height: 120px; } .tsp-label { font-family: var(--tsp-author-font-family, Georgia, serif); font-style: italic; font-size: 24px !important; color: #C9A84C !important; font-weight:500 !importanti; text-align: center !important; margin: 0 0 20px !important; } .tsp-quote { font-family: var(--tsp-quote-font-family, "Poppins", sans-serif); font-weight: var(--tsp-quote-font-weight, 400); font-size: 16px !important; text-align: center !important; color: var(--tsp-quote-color, #ffffff); line-height: 1.65; margin: 0 0 10px; } .tsp-author { font-family: var(--tsp-author-font-family, Georgia, serif); font-style: italic; font-size: 24px !important; color: #C9A84C !important; font-weight:500 !importanti; text-align: center !important; margin: 0 !important; } .tsp-button { display: inline-block; margin-top: 20px; padding: 10px 16px; background: #C0284A !important; color: white !important; border-radius: var(--tsp-button-radius, 4px); text-decoration: none; font-weight: 600; text-decoration: none !important; transition: background-color 0.2s ease, color 0.2s ease; } .tsp-button:hover, .tsp-button:focus { background: var(--tsp-button-hover-bg, #b08f5f); color: var(--tsp-button-hover-text, #ffffff); } .tsp-divider { border-top: 1px solid var(--tsp-divider-color, rgba(255, 255, 255, 0.15)); margin-top: 26px; } .tsp-nav { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 16px; } .tsp-pagination.swiper-pagination { position: relative; width: auto; margin-right: auto; } .tsp-pagination .swiper-pagination-bullet { background: var(--tsp-dot-color, rgba(255, 255, 255, 0.3)); opacity: 1; width: 8px; height: 8px; } .tsp-pagination .swiper-pagination-bullet-active { background: var(--tsp-dot-active-color, #c9a876); } .tsp-arrow { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--tsp-arrow-border-color, rgba(255, 255, 255, 0.25)); background: transparent; color: var(--tsp-arrow-color, #ffffff); font-size: 13px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease, border-color 0.2s ease; padding: 0; } .tsp-arrow:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--tsp-arrow-color, #ffffff); } .tsp-arrow.swiper-button-disabled { opacity: 0.35; cursor: default; } @media (max-width: 767px) { .tsp-slider-instance { padding: 0px 0; } .tsp-author { font-size: 18px !important; line-height:100%; } .tsp-quote { font-size: calc(var(--tsp-quote-font-size, 24px) * 0.85); } }