@charset "utf-8";

/**
 * The style for WPLR Theme Assistant
 */

/**
 * Vue Component
 */
[v-cloak] {
	/* Hide Vue components until they compiled */
	display: none;
}
.vue-component:not([v-cloak]) {
	animation: .5s fadein;
}
@keyframes fadein {
	from { opacity: 0; } to { opacity: 1; }
}

/**
 * Column Components
 */
.meow-cols::after {
	/* Clearfix */
	content: "";
	clear: both;
	display: table;
}
.meow-col {
	margin-top: 0;
	margin-bottom: 0;
}
.meow-col .meow-box:last-child {
	margin-bottom: 0; /* Remove redundant margin */
}

/**
 * Form Components
 */
form .form-footer {
	margin-top: 15px;
	text-align: right;
}

/**
 * Tab Components
 */
.tab-content {
	padding: 20px;
	border-left:   1px solid #ddd;
	border-right:  1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
	background-color: white;
}
.tab-content-header {
	margin-bottom: 10px;
}
.tab-content-header .buttons {
	float: right;
}
.tab-content-header .buttons > * + * {
	margin-left: 5px;
}
.tab-content-header .button.delete {
	color: #a00;
}
.tab-content-header .button.delete:hover {
	color: #dc3232;
}
.tab > a:focus {
	box-shadow: none; /* Remove glow effect */
}

/**
 * Buttons
 */
.button > .dashicons {
	vertical-align: middle;
}