/* style css - act as theme child style css */


:root {
	
}



/* Adjust the play button position on hover (optional)
.ct-image-container.video-container:hover::before {
  transform: translate(-50%, -50%) scale(1.2);
}
 */
/*
video::-webkit-media-controls-overlay-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*/
[class*=flexy-arrow] {
	z-index: 100
}

/* Add a play button overlay to the video container */
.ct-image-container.video-container::after {
		content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 80 80"><polygon points="20,15 60,40 20,65" fill="currentColor" /></svg>');
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #202020;
    	background: rgba(255, 255, 255, 0.92);
		border-radius: 100%;
		cursor: pointer;
		width: 76px;
		height: 76px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 0;
		padding-top: 3px;
    	padding-left: 6px;
}

	/* Hidden class to hide the play button */
.video-container.video-playing::after {
	  opacity: 0!important;
}

.ct-image-container.video-container::after,
.video-container.video-playing::after {
	transition: .25s opacity ease-in
}

@media (min-width: 768px) {
	
	/* Add a play button overlay to the video container 
	.ct-image-container.video-container::before {
		content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><polygon points="20,15 60,40 20,65" fill="currentColor" /></svg>');
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #202020;
    	background: rgba(255, 255, 255, 0.92);
		border-radius: 100%;
		cursor: pointer;
		width: 80px;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 0;
		font-size: 32px;
		padding-top: 5px;
		padding-left: 5px;
	}
*/
	/* Hidden class to hide the play button */
	.video-container.video-playing::before {
	  display: none;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	

	
}

@media (max-width: 499px) {
	
	
	
}