/**
 * Theme Name:     Exeter Theme
 * Author:         Muntasir M. Aumio
 * Template:       nectar-theme
 * Text Domain:	   exeter-theme
 * Description:    Nectar is a responsive, retina friendly theme that lets website content shine with a stylish, yet minimal design.
 * Author URI:     http://techvibesit.com/
 * Version:        1.0.0
 */


/* Homepage Newsletter form style, scoped to newsletter only */

#ext-newsletter-row {
  padding: 30px 0;
  background: #f9f9f9;
  max-width: none;
  width: 100%;
}

/* IMPORTANT: Scope these so they do not affect site-wide layout */
#ext-newsletter-row section {
  font-family: 'Roboto', Arial, sans-serif;
}

#ext-newsletter-row form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ext-newsletter-row .form-container {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: none !important;
}

#ext-newsletter-row .form-container h2,
#ext-newsletter-row .form-container p {
  text-align: center;
}

/* Target the actual input field */
#ext-newsletter-row input[type="text"],
#ext-newsletter-row input.form-field,
#ext-newsletter-row #email {
  width: 100%;
  max-width: 100%;
  padding: 12px 16px;
  border: none !important;
  outline: none;
  border-radius: 0;
  margin-bottom: 16px;
  font-size: 16px;
  box-shadow: none !important;
  box-sizing: border-box;
  display: block;
}

/* Target the actual button */
#ext-newsletter-row button,
#ext-newsletter-row button[type="submit"],
#ext-newsletter-row #contact-submit {
  width: 100%;
  max-width: 100%;
  background-color: #7f262a;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 16px;
  border: none !important;
  outline: none;
  border-radius: 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-shadow: none !important;
  box-sizing: border-box;
  display: block;
}

#ext-newsletter-row button:hover,
#ext-newsletter-row button[type="submit"]:hover,
#ext-newsletter-row #contact-submit:hover {
  background-color: #661e22;
}

/* Additional reset to ensure no borders, scoped */
#ext-newsletter-row fieldset {
  border: none !important;
  padding: 0;
  margin: 0;
  width: 100%;
}

#ext-newsletter-row .rmSubscriptionFormBody,
#ext-newsletter-row #rmSubscriptionForm,
#ext-newsletter-row #rmSubscriptionForm *,
#ext-newsletter-row .rmSubscriptionFormBody * {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Utility classes for styling (left global, as these are generic helpers) */
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.font-semibold {
  font-weight: 600;
}
.text-blue-900 {
  color: #0f1a2c;
}
.mb-4 {
  margin-bottom: 1rem;
}
.text-lg {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.text-gray-700 {
  color: #2d3a4e;
}
.mb-8 {
  margin-bottom: 2rem;
}

/* Optional: If hero text is still pinned to top, center the slider caption */
#sliderRow .flex-caption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}