/* Style for Encouragement Messages Plugin */
.em-encouragement-messages h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
    padding-top: 20px; /* Add padding above the title */
    text-align: center; /* Optional: Center-align the title */
}
.em-encouragement-messages {
    background-color: #e0e0e0;
    padding: 20px;
    border-radius: 5px;
}

/* Style for individual messages */
.em-message {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.em-message:nth-child(odd) {
	background-color: #f9f9f9;
}
.em-comment-meta {
	font-size: 70%;
	font-weight: bold;
    opacity: 0.7;
}

/* Success message styling */
.em-success-message {
    color: green;
    margin-top: 10px;
    text-align: center;
}

/* Form Wrapper */
.em-form-wrapper {
	background-color: #e0e0e0;
  	margin-top: 50px;
  	padding: 20px;
    border-radius: 5px;
}
.em-form-wrapper p:first-of-type{
	padding-bottom: 20px!important;
}

/* Form input fields */
#emessage form input, #emessage form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Name and email fields side-by-side */
#emessage form .name-email-wrapper {
    display: flex;
    gap: 10px;
}
#emessage form .name-email-wrapper input {
    flex: 1;
  	padding: 10px;
  	margin-bottom: 10px;
  	height: 44px;
}

/* Full-width submit button */
#emessage form button {
    width: 100%;
    background-color: #437cbb;
    color: #fff;
    padding: 10px 0; /* Full width button */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px; /* Space above the button */
	font-size: 120%;
	font-weight: bold;
}
#emessage form button:hover {
    background-color: #005b87;
}