@charset "utf-8";

/* Ensure the call-to-action box background and rounding */
.calltoaction .D_boxbody {
    background: #D1D6FF;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

/* Minimal layout for .D_boxhead and .D_boxsection */
.minimal .D_boxhead {
    float: left;
    width: 65%;
    margin-bottom: 1em;
    border-right: 1px solid #ccc;
    margin-right: 1.5em;
    padding: 0 1.5em 0;
}

.minimal .D_boxsection {
    float: left;
    width: auto;
    border: 0;
    padding-top: 1.5em;
}

/* General 'D_' box parts */
.D_boxbody {
    margin: 0.65em;
    padding: 0.65em 0.35em 0;
}

.D_boxhead {
    overflow: hidden;
    font-size: 1em;
    padding: 0 0.5em 0.65em;
}

.D_boxsection {
    border-top: 1px solid #ccc;
    font-size: 1em;
    padding: 0.9em 0.5em;
    line-height: 1.4em;
}

/* Submit button styling */
.D_submit {
    display: inline-block;
    background: #ad0000;
    background-image: linear-gradient(to bottom, #f10044, #ad0000);
    text-shadow: #3e0012 0 0 3px;
    border: 2px solid #ad0000;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-radius: 4px;
    padding: 0.35em 1em;
    font-size: 1em;
    color: #fff !important;
}

.D_submit:hover {
    background-image: linear-gradient(to bottom, #fb0a4e, #b7000a);
    text-shadow: none;
    border: 2px solid #b7000a;
}

.D_submit:active {
    background: #b7000a;
}

/* Text color in D_boxhead */
.D_boxhead p {
    color: black;
}


/* Contact form styling */
  .contact-form {
    max-width: 600px;
    margin: 2em auto;
    display: flex;
    flex-direction: column;
    gap: 1em;
    font-family: sans-serif;
  }

  .input-group {
    display: flex;
    flex-direction: column;
  }

  .input-group label {
    font-weight: bold;
    margin-bottom: 0.25em;
  }

  .input-group input[type="text"],
  .input-group input[type="email"],
  .input-group textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5em;
    font-size: 1em;
  }

  button[type="submit"] {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.75em 1.5em;
    cursor: pointer;
    font-size: 1em;
  }

  button[type="submit"]:hover {
    background-color: #0056b3;
  }

  /* Styling for the success/error block */
  .message-status {
    margin: 1em auto;
    max-width: 600px;
    border-left: 4px solid;
    padding: 1em;
    border-radius: 4px;
  }

  /* Success styling */
  .message-status.success {
    background-color: #e7f5eb; /* a light greenish background */
    border-color: #37b34a;     /* a green border */
    color: #27632a;           /* darker green text */
  }

  /* Error styling */
  .message-status.error {
    background-color: #fdecea; /* a light red background */
    border-color: #f44336;     /* a red border */
    color: #811c1c;            /* darker red text */
  }