/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root { --cnvs-themecolor:#CF4140; --cnvs-themecolor-rgb: 0, 0, 0;}

:root { --cnvs-linkcolor:#CF4140; --cnvs-linkcolor-rgb: 0, 0, 0;}

body { color: #CF4140 !important;}


.video-thumbnail-container {
  cursor: pointer;
  overflow: hidden;
}

/* Initial icon style */
.play-icon {
  transition: fill 0.3s ease-in-out, transform 0.3s ease;
  filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.3));
}

/* Hover icon style - changes color to Bootstrap primary (blue) or any hex */
.video-thumbnail-container:hover .play-icon {
  fill: #CF4140; /* Bootstrap blue */
  transform: scale(.8);
}