/**
 * All of the CSS for your dashboard-specific functionality should be
 * included in this file.
 *
 * @since  1.0.0
 */

.ehc-input-wrapper {
	margin-bottom: 1em;
}

.ehc-input-wrapper label {
	display: block;
}

.ehc-input-wrapper input[type="text"] {
	min-width: 300px;
}

@media ( min-width: 768px ) {

	.ehc-input-wrapper {
		display: inline-block;
		margin-right: 2em;
	}

	.ehc-input-wrapper label {
		display: inline;
	}

}

/* MIGHTYminnow Branding
--------------------------------------------- */
.mm-settings #poststuff .postbox {
	text-align: center;
}

.mm-settings #post-body-content h3 {
	padding: 0;
	font-size: 1.3em;
}

.mm-settings #poststuff .postbox h3 {
	margin-bottom: 20px;
	background-color: #222;
	color: #fff;
}

.mm-settings .postbox a.logo-wrap {
	position: relative;
}

.mm-settings .postbox svg {
	position: relative;
	width: auto;
	max-width: 150px;
}

.mm-settings .postbox svg path {
	fill: #222;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

/* Fish */

.mm-settings .postbox svg.fish {
    position: absolute;
    right: 10%;
    width: 25%;
    margin-top: 2.5%;
    -webkit-transition: -webkit-transform 0.6s;
            transition: transform 0.6s;
	-webkit-transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -5deg );
	   -moz-transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -5deg );
	    -ms-transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -5deg );
	     -o-transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -5deg );
	        transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -5deg );
}

.mm-settings .postbox a:hover svg.fish {
     -webkit-transition: -webkit-transform 0.8s;
             transition: transform 0.8s;
     -webkit-transform: rotateX( 0deg ) rotateY( 360deg ) rotateZ( -5deg );
        -moz-transform: rotateX( 0deg ) rotateY( 360deg ) rotateZ( -5deg );
         -ms-transform: rotateX( 0deg ) rotateY( 360deg ) rotateZ( -5deg );
          -o-transform: rotateX( 0deg ) rotateY( 360deg ) rotateZ( -5deg );
             transform: rotateX( 0deg ) rotateY( 360deg ) rotateZ( -5deg );
}

/* End MIGHTYminnow Branding
--------------------------------------------- */
