/* Omega System color variables
var( --OMEGA-elementor-primary )
var( --OMEGA-elementor-secondary )
var( --OMEGA-elementor-text )
var( --OMEGA-elementor-accent )
var( --OMEGA-overview-grid1 )
var( --OMEGA-overview-grid2 )
var( --OMEGA-overview-grid3 )
var( --OMEGA-overview-grid4 )
var( --OMEGA-btn-enroll-base )
var( --OMEGA-btn-enroll-hover )
var( --OMEGA-btn-overview-base )
var( --OMEGA-btn-overview-hover )
var( --OMEGA-btn-prevnext-base )
var( --OMEGA-btn-prevnext-hover )
var( --OMEGA-text-embed )
var( --OMEGA-text-sidebar )
var( --OMEGA-embed-border )
*/


/* FLIMP shortcode */
.flimp-embed,
.vimeo-embed {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	max-width: 640px;
	margin: 0 auto;
}

.flimp-embed .wrapper {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
	background: url( "/wp-content/plugins/omega-system/includes/css/placeholder-flimp.png" ) center center no-repeat;
	background-size: cover;
	border: 2px solid var( --OMEGA-embed-border );
}
.vimeo-embed .wrapper {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	background: rgb(204,204,204);
	background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
	background: url( "/wp-content/plugins/omega-system/includes/css/placeholder-vimeo.png" ) center center no-repeat;
	background-size: cover;	 
	padding:56.25% 0 0 0;
	position:relative;
	border: 2px solid var( --OMEGA-embed-border );
}


.flimp-embed iframe,
.vimeo-embed iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
}
.flimp-embed h3,
.vimeo-embed h3 {
	margin-top: .6em;
	text-align: center;
}

/* PDF shortcode */
#content .pdf-embed {
	text-align: center;
	margin: 0 auto 1em;
}
#content .pdf-embed .thumb {
	max-width: 230px;
	margin: 0 auto;
	position: relative;
	border: 2px solid var( --OMEGA-embed-border );
}

#content .pdf-embed .thumb > .dashicons {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: rgba( 255,255,255, 1);
	font-size: 30px;
	width: 28px;
	height: 30px;
	border-radius: 4px;
	color: var( --OMEGA-embed-border );
}
#content .pdf-embed h5 {
	margin-top: 1em;
}
#content .pdf-embed.doc-animation-grow {
  transition-duration: 0.3s;
  transition-property: transform;
}
#content .pdf-embed.doc-animation-grow:hover {
  transform: scale(1.06);
}