/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Basic logo styling */
.wpdoodle-logo{display:block;max-width:100%;height:auto;}

/* Logo container for preloading */
.wpdoodle-logo-container{position:relative;display:inline-block;min-width:1px;min-height:1px;}

/* Preloaded logos are hidden initially */
.wpdoodle-preloaded{position:absolute;top:0;left:0;opacity:0;visibility:hidden;z-index:-1;pointer-events:none;}

/* Visible logo */
.wpdoodle-active{position:relative;opacity:1;visibility:visible;z-index:1;pointer-events:auto;-webkit-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}

/* Ensure logos maintain dimensions during transitions */
.wpdoodle-logo-container img{max-width:100%;height:auto;}