/*
 * Aira Testimonials - slider styles.
 * Ported from wp-testimonial-with-widget 3.5.6.1 (GPL), widget + design-1 rules only,
 * so the replacement renders the same as the old plugin did.
 */

/* Hidden until the slider initialises, so visitors never see a stacked list. */
.wptww-testimonials-slide-widget { visibility: hidden; opacity: 0; transition: opacity .5s linear; }
.wptww-testimonials-slide-widget.slick-initialized { visibility: visible; opacity: 1; }
.wptww-testimonials-slide-widget * { box-sizing: border-box; }
.wptww-testimonials-slide-widget.slick-slider { padding: 0 20px; }

/* Arrows */
.wptww-testimonials-slide-widget .slick-arrow { text-indent: -99999px; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; }
.wptww-testimonials-slide-widget button.slick-arrow { background-color: transparent !important; width: 15px; height: 26px; position: absolute; z-index: 99; border: 0 !important; top: 50% !important; transform: translate(0, -50%); cursor: pointer; }
.wptww-testimonials-slide-widget button.slick-next,
.wptww-testimonials-slide-widget button.slick-next:hover,
.wptww-testimonials-slide-widget button.slick-next:focus { background: url(arrow-right.png) 0 0 no-repeat !important; background-size: 15px 26px !important; background-color: transparent !important; right: 0 !important; }
.wptww-testimonials-slide-widget button.slick-prev,
.wptww-testimonials-slide-widget button.slick-prev:hover,
.wptww-testimonials-slide-widget button.slick-prev:focus { background: url(arrow-left.png) 0 0 no-repeat !important; background-size: 15px 26px !important; background-color: transparent !important; left: 0 !important; }
.wptww-testimonials-slide-widget button.slick-arrow:active { background-color: transparent !important; box-shadow: none !important; }

/* Dots */
.wptww-testimonials-slide-widget .slick-dots { padding: 0 !important; margin: 0 !important; text-align: center; left: 15px !important; right: 15px !important; bottom: 0 !important; }
.wptww-testimonials-slide-widget .slick-dots li { list-style: none !important; display: inline-block !important; margin: 0 2px !important; padding: 0 !important; width: 10px !important; height: 10px !important; }
.wptww-testimonials-slide-widget .slick-dots li button { text-indent: -99999px; background: #fff !important; margin: 0 !important; padding: 0 !important; border: 1px solid #000; border-radius: 50% !important; width: 10px !important; height: 10px !important; }
.wptww-testimonials-slide-widget .slick-dots li button:focus { outline: none !important; }
.wptww-testimonials-slide-widget .slick-dots li.slick-active button { background: #444 !important; }

/* Testimonial */
.wptww-avtar-image { text-align: center; }
.wptww-avtar-image img { display: inline-block !important; }
img.wptww-circle { border-radius: 50% !important; }
img.wptww-square { border-radius: 0; }
.wptww-testimonial-content { clear: both; text-align: center; width: 100%; }
.wptww-testimonials-slide-widget h4 { font-size: 20px !important; line-height: 22px !important; padding: 0 !important; margin: 8px 0 !important; }
.wptww-testimonials-slide-widget .wptww-testimonials-text p { font-size: 15px; text-align: center; margin-bottom: 5px !important; }
.wptww-testimonials-text em::before { color: #ccc; content: "\201C"; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; }
.wptww-testimonials-text em::after { color: #ccc; content: "\201D"; font-size: 4em; line-height: .1em; margin-left: 3px; vertical-align: -.5em; }
.wptww-testimonials-slide-widget.design-1 .fa-quote-left { width: 30px; height: 35px; font-size: 30px; padding: 10px 0; color: #94c523; }
.wptww-testimonial-client { font-weight: bold; }
.wptww-testimonials-slide-widget .wptww-testimonial-client { padding: 0 0 10px; }
.wptww-testimonials-slide-widget.design-1 .wptww-testimonial-client,
.wptww-testimonials-slide-widget.design-1 .wptww-testimonial-job { text-align: center; }
.wptww-testimonial-job { font-size: 14px; }
.wptww-testimonial-job a { text-decoration: none !important; }
.wptww-testimonial-job a:active,
.wptww-testimonial-job a:focus { outline: none !important; text-decoration: none !important; }
/* The old plugin wrapped every company name in an empty link, so it picked up the theme's link colour. */
.wptww-testimonial-job .wptww-company { color: #7cd5db; }