/**
 * 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;}

/* CSS for WPDoodle logo */
body .mdinc-site-header .mdinc-headerLogo img.header-without-animation-logo.dswpd-wpdoodle-logo{height:34px!important;margin-top:-4px;}
body .mdinc-site-header.home-new-mdinc-site-header .mdinc-headerLogo a:hover img.header-without-animation-logo.dswpd-wpdoodle-logo{display:inline-block;}
body .mdinc-site-header .mdinc-headerLogo img.header-without-animation-logo.dswpd-wpdoodle-logo + img{display:none!important;}
@media only screen and (max-width: 1024px){
	body .mdinc-site-header .mdinc-headerLogo img.header-without-animation-logo.dswpd-wpdoodle-logo{height:auto!important;margin-top:0;}
}