/* Front-end CSS Styles for Modere.com */

/* Style Adjustments */

.product-actions i { margin-right: 5px; }

/* Modere 2.0 Video */
#videoBanner { display:none; margin-bottom:12px; position:relative; }
#videoClip { text-align: center; width: 100%; padding-top: 20px; }
#closeButton { font-size: 14px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; }
#fallbackVideoPoster { display: none; }
#loopingVideo { width: 100%; height: 100%; padding: 0; display: block; z-index: 5; }
#videoOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 10; }

@media only screen and (max-width: 767px) {
	#videoClip iframe { width:361px; height:158px; }
}
@media only screen and (max-width:480px) {
	#loopingVideo, #videoOverlay { display:none; }
	#videoClip iframe { width: 291px; height: 128px; }
	#fallbackVideoPoster { display: block; width:100%; height:auto; }
}