/**
 * @version   5.2.03
 * @package   Mod_yutubnews
 * @author    Alberto Santini - Clickandfly.it <info@clickandfly.it>
 * @copyright  Alberto Santini - click and fly
 * @license   This component is released under a commercial license.
 *            For licensing details and to purchase a commercial license, please contact Clickandfly at info@clickandfly.it.
 */

/* BOTTONI PLAY MODULO YUTUBNEWS - DIMENSIONI ADATTIVE */

/* STANDARD SKIN - Dimensioni base */
.mod-yutubnews .vjs-standard-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  border: none;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -1.1em;
  margin-top: -0.9em;
  border: 1px solid #fff;
}

/* IMMAGINI GRANDI (large-item) - Bottone leggermente più grande */
.mod-yutubnews .large-item .vjs-standard-skin .vjs-big-play-button {
  font-size: 3.5em;
  line-height: 2.3em;
  height: 2.3em;
  width: 2.3em;
  margin-left: -1.25em;
  margin-top: -1.05em;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large */
.mod-yutubnews .uk-child-width-1-1\@s .vjs-standard-skin .vjs-big-play-button {
  font-size: 3.5em !important;
  line-height: 2.3em !important;
  height: 2.3em !important;
  width: 2.3em !important;
  margin-left: -1.25em !important;
  margin-top: -1.05em !important;
}

/* IMMAGINI MEDIE (medium-item) - Bottone più piccolo */
.mod-yutubnews .medium-item .vjs-standard-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.9em;
  height: 1.9em;
  width: 1.9em;
  margin-left: -0.95em;
  margin-top: -0.95em;
}

/* IMMAGINI PICCOLE (small-item) - Bottone ancora più piccolo */
.mod-yutubnews .small-item .vjs-standard-skin .vjs-big-play-button {
  font-size: 1.9em;
  line-height: 1.3em;
  height: 1.3em;
  width: 1.3em;
  margin-left: -0.65em;
  margin-top: -0.65em;
}

/* YUTUB SKIN - Dimensioni base */
.mod-yutubnews .vjs-yutub-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 2.5em;
  border: none;
  border-radius: 0.4em;
  left: 50%;
  top: 50%;
  margin-left: -1.2em;
  margin-top: -0.7em;
}

/* IMMAGINI GRANDI - Yutub skin */
.mod-yutubnews .large-item .vjs-yutub-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.2em;
  height: 1.2em;
  width: 2em;
  border-radius: 0.3em;
  margin-left: -1em;
  margin-top: -0.6em;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large - Yutub skin */
.mod-yutubnews .uk-child-width-1-1\@s .vjs-yutub-skin .vjs-big-play-button {
  font-size: 3.5em !important;
  line-height: 1.7em !important;
  height: 1.7em !important;
  width: 2.8em !important;
  border-radius: 0.5em !important;
  margin-left: -1.4em !important;
  margin-top: -0.8em !important;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large - Yutub skin */
.mod-yutubnews .small-visible .vjs-yutub-skin .vjs-big-play-button {
  font-size: 2.8em !important;
  line-height: 1.2em !important;
  height: 1.2em !important;
  width: 2em !important;
  border-radius: 0.3em !important;
  margin-left: -1em !important;
  margin-top: -0.6em !important;
}

/* IMMAGINI MEDIE - Yutub skin */
.mod-yutubnews .medium-item .vjs-yutub-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.2em;
  height: 1.2em;
  width: 2em;
  border-radius: 0.3em;
  margin-left: -1em;
  margin-top: -0.6em;
}

/* IMMAGINI PICCOLE - Yutub skin */
.mod-yutubnews .small-item .vjs-yutub-skin .vjs-big-play-button {
  font-size: 2.2em;
  line-height: 1.1em;
  height: 1.1em;
  width: 1.6em;
  border-radius: 0.2em;
  margin-left: -0.8em;
  margin-top: -0.55em;
}

/* ROUNDED SKIN - Dimensioni base */
.mod-yutubnews .vjs-rounded-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 1.5em;
  border: none;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -0.8em;
  margin-top: -0.75em;
}

/* IMMAGINI GRANDI - Rounded skin */
.mod-yutubnews .large-item .vjs-rounded-skin .vjs-big-play-button {
  font-size: 3.5em;
  line-height: 1.7em;
  height: 1.7em;
  width: 1.7em;
  margin-left: -0.9em;
  margin-top: -0.85em;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large - Rounded skin */
.mod-yutubnews .uk-child-width-1-1\@s .vjs-rounded-skin .vjs-big-play-button {
  font-size: 3.5em !important;
  line-height: 1.7em !important;
  height: 1.7em !important;
  width: 1.7em !important;
  margin-left: -0.9em !important;
  margin-top: -0.85em !important;
}

/* IMMAGINI MEDIE - Rounded skin */
.mod-yutubnews .medium-item .vjs-rounded-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.4em;
  height: 1.4em;
  width: 1.4em;
  margin-left: -0.7em;
  margin-top: -0.7em;
}

/* IMMAGINI PICCOLE - Rounded skin */
.mod-yutubnews .small-item .vjs-rounded-skin .vjs-big-play-button {
  font-size: 1.9em;
  line-height: 0.95em;
  height: 0.95em;
  width: 0.95em;
  margin-left: -0.5em;
  margin-top: -0.45em;
}

/* ROUNDEDBIG SKIN - Dimensioni base */
.mod-yutubnews .vjs-roundedbig-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  border: none;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -1.1em;
  margin-top: -0.9em;
}

/* IMMAGINI GRANDI - Roundedbig skin */
.mod-yutubnews .large-item .vjs-roundedbig-skin .vjs-big-play-button {
  font-size: 3.5em;
  line-height: 2.3em;
  height: 2.3em;
  width: 2.3em;
  margin-left: -1.25em;
  margin-top: -1.05em;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large - Roundedbig skin */
.mod-yutubnews
  .uk-child-width-1-1\@s
  .vjs-roundedbig-skin
  .vjs-big-play-button {
  font-size: 3.5em !important;
  line-height: 2.3em !important;
  height: 2.3em !important;
  width: 2.3em !important;
  margin-left: -1.25em !important;
  margin-top: -1.05em !important;
}

/* IMMAGINI MEDIE - Roundedbig skin */
.mod-yutubnews .medium-item .vjs-roundedbig-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.9em;
  height: 1.9em;
  width: 1.9em;
  margin-left: -0.95em;
  margin-top: -0.95em;
}

/* IMMAGINI PICCOLE - Roundedbig skin */
.mod-yutubnews .small-item .vjs-roundedbig-skin .vjs-big-play-button {
  font-size: 1.9em;
  line-height: 1.3em;
  height: 1.3em;
  width: 1.3em;
  margin-left: -0.65em;
  margin-top: -0.65em;
}

/* SQUARED SKIN - Dimensioni base */
.mod-yutubnews .vjs-squared-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 1.5em;
  border: none;
  border-radius: 0.4em;
  left: 50%;
  top: 50%;
  margin-left: -0.8em;
  margin-top: -0.75em;
}

/* IMMAGINI GRANDI - Squared skin */
.mod-yutubnews .large-item .vjs-squared-skin .vjs-big-play-button {
  font-size: 3.5em;
  line-height: 1.7em;
  height: 1.7em;
  width: 1.7em;
  margin-left: -0.9em;
  margin-top: -0.85em;
}

/* Mobile (uk-child-width-1-1@s) usa sempre dimensioni large - Squared skin */
.mod-yutubnews .uk-child-width-1-1\@s .vjs-squared-skin .vjs-big-play-button {
  font-size: 3.5em !important;
  line-height: 1.7em !important;
  height: 1.7em !important;
  width: 1.7em !important;
  margin-left: -0.9em !important;
  margin-top: -0.85em !important;
}

/* IMMAGINI MEDIE - Squared skin */
.mod-yutubnews .medium-item .vjs-squared-skin .vjs-big-play-button {
  font-size: 2.8em;
  line-height: 1.4em;
  height: 1.4em;
  width: 1.4em;
  border-radius: 0.1em;
  margin-left: -0.7em;
  margin-top: -0.7em;
}

/* IMMAGINI PICCOLE - Squared skin */
.mod-yutubnews .small-item .vjs-squared-skin .vjs-big-play-button {
  font-size: 1.9em;
  line-height: 0.95em;
  height: 0.95em;
  width: 0.95em;
  border-radius: 0.1em;
  margin-left: -0.5em;
  margin-top: -0.45em;
}

/* Colori e effetti hover (comuni a tutti gli skin) */
.mod-yutubnews .video-js .vjs-big-play-button {
  background-color: #ff2a2a;
}

.mod-yutubnews .video-js:hover .vjs-big-play-button,
.mod-yutubnews .video-js .vjs-big-play-button:focus {
  background-color: #ff0f0f8f;
  transition: all 0s;
}

.mod-yutubnews .vjs-button > .vjs-icon-placeholder:before {
  color: #fff;
  filter: drop-shadow(1px 1px 1px #0000004d);
}

.mod-yutubnews .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: #fff;
  filter: drop-shadow(1px 1px 1px #0000004d);
}

/* Standard skin specifici */
.mod-yutubnews .vjs-standard-skin .video-js .vjs-big-play-button {
  background-color: #717171a8;
}

.mod-yutubnews
  .vjs-standard-skin
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  color: #fff;
  filter: drop-shadow(1px 1px 1px #fff);
}

.mod-yutubnews
  .vjs-standard-skin
  .video-js:hover
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  color: #000;
  filter: drop-shadow(1px 1px 1px #fff);
}

.mod-yutubnews .vjs-standard-skin .video-js:hover .vjs-big-play-button {
  background-color: #ffffff57;
}

/* Rounded/Roundedbig skin specifici */
.mod-yutubnews .vjs-rounded-skin .video-js .vjs-big-play-button,
.mod-yutubnews .vjs-roundedbig-skin .video-js .vjs-big-play-button {
  background-color: #ffffffa8;
}

.mod-yutubnews
  .vjs-rounded-skin
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before,
.mod-yutubnews
  .vjs-roundedbig-skin
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  color: #ff2a2a;
  filter: drop-shadow(1px 1px 1px #0000004d);
}

.mod-yutubnews .vjs-rounded-skin .video-js:hover .vjs-big-play-button,
.mod-yutubnews .vjs-roundedbig-skin .video-js:hover .vjs-big-play-button {
  background-color: #ffffff57;
}

/* Squared skin specifici */
.mod-yutubnews .vjs-squared-skin .video-js .vjs-big-play-button {
  background-color: #fff;
}

.mod-yutubnews
  .vjs-squared-skin
  .video-js
  .vjs-big-play-button
  .vjs-icon-placeholder:before {
  color: #ff2a2a;
  filter: drop-shadow(1px 1px 1px #0000004d);
}

.mod-yutubnews .vjs-squared-skin .video-js:hover .vjs-big-play-button {
  background-color: #ffffff57;
}