﻿/* Slider */

.slick-loading .slick-list {
  background: #fff url('/img/animations/ajax-loader_32x32_white.gif') center center no-repeat;
}




/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 50px;
  padding: 0;
  margin-top: -10px\9;
    /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #000;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: #000;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: .75;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 25px;
  line-height: 1;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
  content: '\2770';
}

[dir='rtl'] .slick-prev:before {
  content: '\2770';
}

.slick-prev {
  left: -15px;
}

[dir='rtl'] .slick-prev {
  right: -15px;
  left: auto;
}

.slick-next {
  right: -15px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -15px;
}

.slick-next:before {
  content: '\2771';
}

[dir='rtl'] .slick-next:before {
  content: '\2771';
}



/* Dots */

.slick-dots {
  position: absolute;
  display:  block;
  height:   8px; 
  top:      4px;
  width:    100%;
  padding:  0px 0px 0px 0px ! important;
  margin:   0px 0px 0px 0px ! important;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 8px;
  margin: 0px 2px 2px 2px;
  padding: 0px;
  cursor: pointer;
}

.slick-dots li:first-child {
  margin: 0px 2px 2px 0px;
}

.slick-dots li:last-child {
  margin: 0px 0px 2px 2px;
}

.slick-dots li button {
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
  width: 12px;
  height: 8px;
  outline: none;
  border: 1px;
  color: transparent;
  background: transparent;
}

.slick-dots li button:before {
  font-size: 24px;
  line-height: 8px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 8px;
  content: '•';
  text-align: center;
  opacity: 1; /* 0.25; */
  color: #c0c0c0;
  background-color: transparent;
}

.slick-dots li.slick-active button:before {
  opacity: 1; /* 0.25; */
  color: #404040;
}



/* YouTube Carousel */

.youtube-carousel {
  width: 300px;
}

.youtube-carousel .youtube-item {
  display: none;
}

.youtube-carousel .youtube-item:nth-child(2) {
  display: block;
}

.youtube-carousel.slick-initialized .youtube-item {
  display: block;
}

.youtube-item {
  position: relative;
  overflow: hidden;
  width: 90px;
  height: 50px;
}

.youtube-thumbnail {
  position: absolute;
  border: none;
  margin: auto;
  width: 100%;
  height: 100%;
}

.youtube-thumbnail img{
  width: 90px;
  height: 68px;
  margin-top: -9px;
}

.youtube-play {
  position: absolute;
  border: none;
  opacity: 0.6;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  top: 14px;
  z-index: 10;
}

/* Slideshow */

.slideshow {
  background-color: #000;
}

.slideshow .ss-img {
  display: table-cell;
  vertical-align: middle;
}

.slideshow>div {
  display: none;
}

.slideshow>div:first-child {
  display: block;
}

.slideshow.slick-initialized>div {
  display: block;
}

.slideshow .caption {
  text-align: left;
  width: 100%;
  color: #fff;
  position: absolute;
  z-index: 2;
  top:  12px;
  left: 12px;
  font-family: Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  background-color: transparent;
  text-shadow: 1px 1px 3px #000;
}

.slideshow .slick-prev,
.slideshow .slick-next,
.slideshow .slick-prev:hover,
.slideshow .slick-prev:focus,
.slideshow .slick-next:hover,
.slideshow .slick-next:focus,
.slideshow .slick-prev:before,
.slideshow .slick-next:before {
  color: #fff;
  background-color: transparent;
  z-index: 2;
}

.slideshow .slick-prev,
.slideshow .slick-prev:hover,
.slideshow .slick-prev:focus,
.slideshow .slick-prev:before {
  left: 0px;
}

.slideshow .slick-next,
.slideshow .slick-next:hover,
.slideshow .slick-next:focus,
.slideshow .slick-next:before {
  right: 0px;
}

.slideshow .slick-prev:hover:before,
.slideshow .slick-prev:focus:before,
.slideshow .slick-next:hover:before,
.slideshow .slick-next:focus:before {
  opacity: .75;
}

.slideshow .slick-prev:before,
.slideshow .slick-next:before,
.slideshow .slick-prev.slick-disabled:before,
.slideshow .slick-next.slick-disabled:before {
  opacity: .25;
}

/* ATP/WTA Gear */

table.tw-pros {
  width: 100%;
}

.tw-pros tr:hover { 
  background: #e9e9f9; 
}

.tw-pros tr:hover td {
  background: transparent; 
}

.tw-pros img {
  padding: 4px 10px 4px 4px;
}

