/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* commenting this for converting the price tag back to original
.course-fee{
  border-radius: 50%;
    background: #FFC107;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
  	padding-bottom: 15px;
}
/*Price Tag on Courses
.course-fee{
  display: inline-block;
  width: auto;
	height: 38px;
	background-color: #dbbe1a;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	border-left: 1px solid #dbbe1a;
	/* This makes room for the triangle 
	margin-left: 19px;
	position: relative;
	color: white;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 38px;
	padding: 0 5px 0 5px;
}
.course-fee:before {
	content: "";
	position: absolute;
	display: block;
	left: -19px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid #dbbe1a;
}
/* Makes the circle 
.course-fee:after {
	content: "";
	background-color: white;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -9px;
	top: 17px;
}
/*End of Price Tag for Courses*/

/* CSS for play btn on courses and lessons 
.play-btn-svg{
	position: absolute;
	z-index: 2;
	right: 33%;
	top:55%;
	transform: translateY(-50%) translateX(-50%);
	cursor: pointer;
	width:60px;
	hight:75px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease,  opacity 1s ease;
}

.icon {
  transform: scale(0.8);
  transform-origin: 50% 50%;
  transition: transform 200ms ease-out;
}

.play-btn-svg:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: 300;
}
.play-btn-svg:hover .icon {
  transform: scale(0.9);
}
/* End of css play btn */

/* Hidding the course fee */
.bb-course-footer .bb-course-pay{
	display: none;
}
/* End Hidding the course Fee */


/* removing the strike through on lesson completed*/
.bb-completed-item {
    text-decoration: none;
}

.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title>span:first-child {
	text-decoration: none;
}
/* end of strike through removal*/

/* H5p custom color for discussion questions button*/ 
.h5p-interaction-button {
    background-color: #8A54F5 !important;
}
/* End H5p custom color for discussion questions button*/ 

/*h5p network error msg display none*/
.h5p-video-error{
    display: none !important;
}
/* END h5p network error msg display none*/


/* Registration page header/footer reveal */
body.buddypress.register .elementor-location-footer, body.buddypress.register .elementor-location-header {
	display: block;
}
/* END Registration page header/footer reveal */