/* 
 * ---------------------------------------- *
 * Name: 	Responsive Core CSS				*
 * Type: 	CSS                             *
 * Version: 2.0.0		                    *
 * Author:	Matt O'Neill                    *
 * ---------------------------------------- *
 */

.responsive-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; }
.responsive-image-container img.responsive-image { position: absolute; max-width: none; top: 0; left: 0; border: none; outline: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.responsive-image-container img.responsive-image.fitted-wide { width: 100%; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.responsive-image-container img.responsive-image.fitted-tall { height: 100%; width: auto; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.responsive-image-container img.responsive-image.fitted-object-fit { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.responsive-image-container img.responsive-image.fitted-margins { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.no-js .responsive-image-container img.responsive-image,
.responsive-image-container img.responsive-image.fitted { opacity: 1; filter: alpha(opacity=100); }
.no-js .responsive-image-container img.responsive-image { width: 100%; height: auto; top: 0; left: 0; }