/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.tf-video-slider .ms-slide-info  {
    width: auto;
    color: #ffffff;
    left: 50px;
    z-index: 0;
}
.tf-video-slider .ms-slide-info h4 {
	font-size: 40px;
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight);
}
.tf-video-slider .ms-slide .ms-slide-vpbtn {
	width: 140px;
	height: 140px;
	background-color: rgba(237,39,84,0.5);
	background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/07/btn-play.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: none;
	margin: 0;
	transform: translate3d(-50%,-50%,0.4px);
	transition: all 0.3s ease-in-out;
}
.tf-video-slider .ms-slide .ms-slide-vpbtn:hover {
  background-color: rgba(237,39,84,1);
  background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/07/btn-play-hover.png");
}
.tf-video-slider .ms-thumb-frame {
  position: relative;
  opacity: 1;
}
/*
.tf-video-slider .ms-thumb-frame {
  border: 2px solid var(--e-global-color-secondary);
}
*/
.tf-video-slider .ms-thumb-frame::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.7;
  transition: opacity .3s ease-in-out;
}
.tf-video-slider .ms-thumb-frame-selected::before,
.tf-video-slider .ms-thumb-frame:hover::before {
	opacity: 0;
}

.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd::after,
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd::after {
	display: none;
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
	height: 100%;
	width: 40px;
	position: absolute;
	left: 0;
	cursor: pointer;
	background: rgba(237,39,84,0.65);
	text-align: center;
	color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd {
	background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/06/arrow-left.svg");
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    left: auto;
    right: 0;
    background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/06/arrow-right.svg");
}
@media (max-width: 768px) {
  .tf-video-slider .ms-slide-info  {
    left: 20px;
    bottom: 120px !important;
  }
  .tf-video-slider .ms-slide-info h4 {
    font-size: 20px;
  }
  .tf-video-slider .ms-slide .ms-slide-vpbtn {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .tf-video-slider .ms-slide .ms-slide-vpbtn {
    width: 50px;
    height: 50px;
  }
  .tf-video-slider .ms-thumb-list .ms-thumb-frame {
    height: 80px;
  }
}
.tf-video-slider .ms-slide-info  {
    width: auto;
    color: #ffffff;
    left: 50px;
    z-index: 0;
}
.tf-video-slider .ms-slide-info h4 {
	font-size: 40px;
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight);
}
.tf-video-slider .ms-slide .ms-slide-vpbtn {
	width: 140px;
	height: 140px;
	background-color: rgba(237,39,84,0.5);
	background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/07/btn-play.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: none;
	margin: 0;
	transform: translate3d(-50%,-50%,0.4px);
	transition: all 0.3s ease-in-out;
}
.tf-video-slider .ms-slide .ms-slide-vpbtn:hover {
  background-color: rgba(237,39,84,1);
  background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/07/btn-play-hover.png");
}
.tf-video-slider .ms-thumb-frame {
  position: relative;
  opacity: 1;
}
/*
.tf-video-slider .ms-thumb-frame {
  border: 2px solid var(--e-global-color-secondary);
}
*/
.tf-video-slider .ms-thumb-frame::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.7;
  transition: opacity .3s ease-in-out;
}
.tf-video-slider .ms-thumb-frame-selected::before,
.tf-video-slider .ms-thumb-frame:hover::before {
	opacity: 0;
}

.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd::after,
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd::after {
	display: none;
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
	height: 100%;
	width: 40px;
	position: absolute;
	left: 0;
	cursor: pointer;
	background: rgba(237,39,84,0.65);
	text-align: center;
	color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-fwd {
	background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/06/arrow-left.svg");
}
.tf-video-slider .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    left: auto;
    right: 0;
    background-image: url("https://staging.terryfoxschoolrun.org/wp-content/uploads/2021/06/arrow-right.svg");
}
@media (max-width: 768px) {
  .tf-video-slider .ms-slide-info  {
    left: 20px;
    bottom: 120px !important;
  }
  .tf-video-slider .ms-slide-info h4 {
    font-size: 20px;
  }
  .tf-video-slider .ms-slide .ms-slide-vpbtn {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .tf-video-slider .ms-slide .ms-slide-vpbtn {
    width: 50px;
    height: 50px;
  }
  .tf-video-slider .ms-thumb-list .ms-thumb-frame {
    height: 80px;
  }
}