/**
 * groups-newsletters.css
 *
 * Copyright (c) https://www.itthinx.com
 *
 * This code is provided subject to the license granted.
 * Unauthorized use and distribution is prohibited.
 * See COPYRIGHT.txt and LICENSE.txt
 *
 * This code is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *
 * This header and all notices must be kept intact.
 *
 * @author itthinx
 * @package groups-newsletters
 * @since 3.0.0
 */

.groups-newsletters-subscribe .errors,
.groups-newsletters-unsubscribe .errors {
	border: 1px solid #c00;
	border-radius: 4px;
	background-color: #fee;
	padding: 1em;
}

.groups-newsletters-subscribe .confirm,
.groups-newsletters-activation {
	border: 1px solid #0c0;
	border-radius: 4px;
	background-color: #efe;
	padding: 1em;
}
.groups-newsletters-subscribe .unsubscribed,
.groups-newsletters-unsubscribe .unsubscribed,
.groups-newsletters-unsubscribe .thanks,
.groups-newsletters-cancellation {
	border: 1px solid #cc0;
	border-radius: 4px;
	background-color: #ffe;
	padding: 1em;
}

.groups-newsletters-subscribe .login {
	border: 1px solid #cc0;
	border-radius: 4px;
	background-color: #ffe;
	padding: 1em;
}

.groups-newsletters-subscribe .description,
.groups-newsletters-unsubscribe .description {
	font-weight: bold;
}

.groups-newsletters-subscribe .field,
.groups-newsletters-unsubscribe .field {
	display: flex;
	flex-direction: row;
	margin: 8px 0;
}

.groups-newsletters-subscribe .field label,
.groups-newsletters-unsubscribe .field label {
	padding: 8px 0;
}

.groups-newsletters-subscribe .field input,
.groups-newsletters-unsubscribe .field input {
	flex-grow: 1;
	margin: 0 8px;
	padding: 8px;
}

.groups-newsletters-search-form-info {
	font-size: smaller;
}

.groups-newsletters-search .inner-container {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
}
.groups-newsletters-search .inner-container input[type="search"] {
	flex-grow: 1;
	padding: 8px;
}
.groups-newsletters-search .inner-container button.wp-element-button {
	margin: 0 8px;
}